Underrrated - Design Agency | UX/UI Web and Webflow Development

Client: Underrrated - Design Agency

Project Duration: 2 Months

Role: Product (UX/UI) Designer, Brand Designer & Webflow Developer

Tools: Figma, Webflow, Google Docs, Illustrator and Photoshop

A freelancer wants to expand his services and generate more revenue. Working solo, he has to decline projects when he has his hands full. He wants to figure out how to take on those projects and work less.

To kickstart the project, I conducted a comprehensive product analysis, competitor analysis on leading design studios and customer research. This provided valuable insights into the industry's information architecture, helping me understand the essential website's sections to incorporate into Underrrated'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.

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.

After the wireframes, we focus on building a design system so that company can always follow brand guidelines and keep a consistency throughout the website. This involves creating color system, typeface system and grid system.

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.

Talked with the client about the logo and figure out the look and feel. I've presented a couple variations and then we discussed which would be a the brand outlook. Here are the results.

If you are interest in seeing a more comprehensive work process: Click Here