Minimalistic site for brand strategy studio
WHY.COM.BR
Why is a branding studio based in Brazil that helps brands find their own voice and trace a strategy for communication.
Context & Goals
After getting a fresh new brand work done to a more fresh and colorful look, the strategy studio needed to unfold all this new identity to a fresh look, eye-catching, responsive and easy to update website.
Design Process
I like to use the Design Thinking approach to lead the projects; In my experience, this metodology produces great results, greater pace, and fluidity for the project.
Kick Off
A great project always starts with a great “offline” workshop and brainstorm. With the right questions we can reach the right answers and the strategy and paths to follow became to gain some kind of shape. On the first workshop, we were able to define the desired aesthetics & look and feel, copy, main references & goals for UX / UI.
Wireflow
With the ideas clear, we organize the storytelling, flow and main structure. I want to make sure the main architecture of the website is correct, and every page it’s placed so the site can be launched and grow over time.
Wireframes
& first prototypes
After receiving and categorising the copy, I started to make some sketches to study hierarchy, weights and overall structure of the pages – both mobile and desktop versions. The best ideas were shared and approved with stakeholders and made possible moving forward to the UI phase.
low fidelity wireframes and first sketches
high fidelity wireframe and prototype
UI Elements
The basic elements for this phase were already provided by the brand guide, so the effort was to organize it by relevance, shades, and of course creating the design system around it – button styles, heading tags, icons, etc. This great and organized library makes the creative part seamless and save time for further site expansions.
HIGHLIGHTED TEXT
BODY TEXT
Mobile & Desktop Screens
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Credits & Mentions
Stakeholder: Why Branding
Logo design & visual identity: Gabriel Fagundes
