Hayes Valley Redesign + Development

Gabriel Ifeoluwa

UX Designer
Product Designer
UI Designer
Adobe XD
Figma
Webflow
GIF of Hayes Valley
This project involved a complete redesign of an interior decor website. The goal was to create a user-friendly and visually appealing platform that would inspire users, simplify the shopping experience, and ultimately drive sales.
Goals of Design & Development
Enhanced User Experience (UX): Through intuitive navigation and user-friendly product browsing.
Improved Visual Appeal (UI): By using high-quality product images and a clean, modern layout.
Increased Sales & Conversions: Tnrough clear CTAs (Call to Action).
Contribution
As the lead developer and Figma designer, I was responsible for:
UI Design: Creating a user-friendly and visually appealing interface in Figma, focusing on information architecture and user flow.
Webflow Development: Developing high-fidelity prototypes in Webflow to showcase interactive elements, animations, and the overall user experience.
Stacks & Tools
Design: Figma (UI design, prototyping)
Development: Webflow (interactive animations, code export, CMS development)
Project Management: Twitter (communication)
Challenges Faced
Balancing Visual Complexity & Performance: Creating a visually stunning website in Webflow while maintaining smooth animations and fast loading times.
Data Integration: Developing the CMS pages, filtering options, and information with dynamic data within the Webflow prototype.
Responsive Design for All Devices: Ensuring the website adapts seamlessly across various screen sizes and devices.
Project Duration
The project was completed within a one-month timeframe including both design and development facilitated by the Webflow prototypes.
Redesign Outcome
More intuitive user experience: Information is easily accessible, navigation is clear, and the process is streamlined.
Visually engaging interface: High-quality visuals showcase products effectively, and the brand identity shines through.
Improved conversion rates: Strategic CTAs, buttons and interactive elements lead to more purchases.
Conclusion
This project demonstrates the power of combining Figma for UI design and Webflow for sophisticated web development. By satisfying both design and development challenges, the project resulted in a user-friendly, visually appealing website that paves the way for increased sales and user satisfaction.
Partner With Gabriel
View Services

More Projects by Gabriel