Overview
Client: Nitro - Design and Web Agency
Project Duration: 1 Month
Role: Product (UX/UI) Designer, Brand Designer & Webflow Developer
Tools: Figma, Webflow, Google Docs, Illustrator and Photoshop
Introduction
In collaboration with nitro agency, I undertook the role of brand designer and UX/UI Designer to build their digital presence through a visually compelling website.
Leveraging my expertise with Figma and Webflow, the project aimed to outline nitro's unique brand identity and communicate meaningfully to their audience.
Work Process
Research User/Business Needs
To kickstart the project, I conducted a comprehensive product analysis, competitor analysis on leading marketing agencies and customer research. This provided valuable insights into the industry's information architecture, helping me understand the essential website sections to incorporate into Nitro's landing page.
Following this, I engaged in a collaborative session with the CEO to discuss the essence they wanted their design agency to convey. This foundational understanding guided the subsequent design decisions, ensuring alignment with the client's brand identity.
Wireframing and Information Architecture
The next phase involves creating userflows and wireframes, focusing on the optimal page structure and information flow. Each section was carefully crafted, with thoughtful consideration given to UX best practices. The wireframes served as a blueprint for the subsequent design stages.
The Design System: Colors, Typeface and Grids
After the wireframes, we focus on building a design system so that the company can always follow brand guidelines and keep consistency throughout the website. This involves creating a color system, typeface system and grid system.
High-fidely Mockups
Now we focus on creating the website's UI and proceed to Webflow development. Seamless integration between Webflow and Figma facilitated a smooth transition from static designs to interactive prototypes.
The Outcome
Engagement increased by 60%
Conversion increased by 70%
Check out the live site here: https://nitro-agency.webflow.io/
