Introduction
In collaboration with housefix - construction, I undertook the role of brand designer and UX/UI Designer to build their digital presence through a visually compelling website, focusing on engagement and conversions.
Leveraging my expertise with Figma, Webflow, and Photoshop, the project aimed to outline housefix's unique brand identity and communicate meaningfully to their audience.
Design/Work Process
Research User/Business Needs
To kickstart the project, I conducted a comprehensive company analysis, pain points, and competitor analysis on leading construction companies in their area with customer research. This provided valuable insights into the industry's information architecture, helping me understand the essential website sections to incorporate into Housefix's homepage.
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 user flows 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 company can always follow brand guidelines and keep a consistency throughout the website. This involves creating color system, typeface system and grid system.
Design Iterations
The design process splits into creating a design system that includes color system, typeface system and, and other necessary components. These components were intentionally curated to resonate with 0260Labs's brand while maintaining a visually appealing and cohesive design. Seamless integration between Figma and Framer facilitated a smooth transition from static designs to interactive prototypes.
The Outcome
Engagement increased by 65%
Conversion increased by 67%
Check out the live site here: https://housefix.webflow.io/
