My role: Concepting, Wireframing, Prototyping, & UI Design

Team members: Ana Urena (Art Director),  Dan Ramirez (UX Designer), and the development team

Duration: 6 months
Background: FactoryOutletStore is an online retail store that sells variety of products. The company is well-established and growing steadily. 
Majority of its customers are older male age 40 and above. 

Problems & Challenge: 
FactoryOutletStore has excellent conversion rate on desktop. However the performance on mobile is not doing so well. One of the problem is that the site is not optimized for mobile devices. Another problem is that the visual design of the website looks outdated. The challenge of this project is that the customers are old and not tech-savvy, so making changes on the website might be risky. There are also constraints on the budgets and IT that we also have to take into consideration when creating design for the mobile site. 

1) Create a user-friendly mobile site that is suitable for the main customers (40+ years old men).
2) Increase engagement rate on mobile site.
3) Design better UI while maintaining the overall visual identity of FactoryOutStory

Process: Our team attended Google Mobile Workshop to get an overview and analysis of what are the most important problems that we need to tackle and what we need to improve on. We found that there are many problems that we need to address.
1) Unclear Call-to-Action
2) A long list of menus that are not suitable for mobile visitors to navigate.
3) The website does not have filters which makes it hard for users to narrow their search.
4) Our form field is too complex and difficult for users to input information.
5) The speed of loading the website is lower than average.
Solutions: Since we already have a pretty solid understanding of our customers, we did not spend too much time on user research. Instead, we designed our mobile website based on the existing design and data. Because of the lack of budget and resources, we referred to many successful e-commerce websites such as Amazon and Walmart and tried to learn the general best practices for e-commerce businesses. 

Results: After few months of designing and developing, we did an A/B test on the original website and few versions of the new mobile sites. We adjusted and changed our design based on the result of analytics. The mobile engaging rate has increased by 30%

Takeaway: It is important to understand who are the users and design something that is suitable for them instead of following the design trends. Currently it's still in testing state. 

Click Here to view our prototype and visit their mobile site on a mobile phone.

You may also like

Back to Top