brand

A series of iPhones face-down, with one in the middle faced-up, showing a website pageA series of iPhones face-down, with one in the middle faced-up, showing a website page

About

personalJan 2023 - Feb 2023
designdevelopment
FigmaWireframingUI PrototypingAuto LayoutComponentsReactBabelSASSPostCSSWebpackGitVercel

Brand is a conceptualised company which offers minimalistic interior decorating options inspired by Milanese design. Logos and assets were provided and from these, five responsive templates (for 5 breakpoints) were created using Figma. A responsive Web page from these was then built using React with SCSS, Babel and JS, compiled as a production build using Webpack and then shipped using Vercel.

Design Decisions

The templates were kept consistent in design, aesthetic and layout. The clean, minimalistic structure with attention to whitespacing, legibility and heirarchy was also respected, paralleling the affluence communicated by the brand. The logo itself is assured, sharp and rigid, to emphasise the nature and quality of their products. The anti-flash white provides a medium through which the two extremes of black and white fuse in different elements at play and merge across various content typesets, yet still manage to become two distinct entities in their own right, emboldened by the contrasting logos used.

Typeface

Inter
singular
  • 04 Regular
  • 05 Medium
  • 06 Semi Bold
  • 07 Bold
  • 09 Black

Branding & Assets

Images of Milanese-designed furnitureThe word BRAND in bold, black letteringThe word BRAND in bold, white lettering
Various page components, including a testimonial card and buttons
A color palette

Mockups

5 templates of a website design

Screens

A mockup of a website menu toggle on an iPhoneA mockup of a website on an iMacA mockup of a website on a MacbookA mockup of a website on an iPadA mockup of a website on an iPad

Available for agency and freelance work

For AgenciesFor Clients
loading...