The Challenges
HFO wanted to redesign their website to improve user experience, increase brand recognition and promote sales. Their current website had several issues including improper navigation, no proper structure on homepage, and design irregularities
1
Poor Navigation: The website had poor navigation that made it difficult for users to find the products they were looking for.
2
Lack of Structure on Homepage: The website had no proper structure on the homepage, making it difficult for users to know where to find the information they were looking for.
3
Design Irregularities: The website had design irregularities that made it appear unprofessional.
4
Not Mobile-Friendly: The website was not mobile-friendly, which was a significant disadvantage as more and more people are using mobile devices to access the internet.
The Solution
The aim of the redesign was to create a user-friendly website that would enhance the user experience and provide customers with a seamless shopping experience. Friction Studio implemented the following solutions to address the challenges:
How we manage the project?
A Complete user research followed by persona-based journeys to arrive at a design that’s intuitive yet simple.
UX Design
UI Design
Interactive
Development
Simplified Navigation
The website’s navigation was simplified, and clear calls to action were added. The navigation menu was streamlined, making it easier for customers to find the products they were looking for.
Colors & Typography
After defining the Information Architecture, we created a color palette and Typeface that resonated with the branding of Flashhouse.
Colors
Primary Colors
#d3ded9
#e5decf
Supporting color
#f0f0f0
#000000
Iconography
Clear Messaging
The website was updated with clear messaging that communicated the company’s mission and the benefits of their products. The messaging was presented in a way that was easy to understand and was consistent with the company’s brand identity and values.
Modern Design Elements
The website was redesigned to incorporate modern design elements that reflected the company’s brand identity and values. The new design included updated typography, color scheme, and graphics that were consistent with the company’s branding.
Design Consistency
The website’s design was standardized and made more consistent, ensuring that all design elements were aligned with the brand’s messaging and aesthetic.
Full Responsive
The website was optimized for mobile devices to ensure that users could easily access the site from their smartphones or tablets. The website was made responsive, with a design that automatically adjusts to different screen sizes and orientations