Introduction
Background
Solei, an international Mexican textile distributor based in Chicago, specializes in providing high-quality textiles to a diverse customer base.
Solei required a mobile-first e-commerce website that would cater to the growing number of mobile shoppers while showcasing their extensive range of products.
Challenge
The main challenge was to design a user-friendly and visually appealing e-commerce website that highlights Solei’s wide range of products and ensures a seamless shopping experience on mobile devices.
Objective
The primary objectives of the redesign were:
Create a mobile-first design to cater to the increasing number of mobile users.
Enhance the visual appeal of the website to attract and retain customers.
Streamline the shopping experience to make it easy for customers to browse, select, and purchase products.
Process
Research
User Research
Conducted surveys and interviews with Solei’s target customers to understand their shopping habits, preferences, and pain points.
Developed user personas to guide the design process and ensure the website meets the needs of its primary users.
Competitive Analysis
Analyzed leading e-commerce websites in the textile industry to identify best practices and innovative features that could be incorporated into Solei’s website.
Design
Wireframes and Prototyping
Created wireframes to establish the structure and layout of the mobile-first design, ensuring a logical flow and intuitive navigation.
User Interface Design
Designed a visually appealing UI with a focus on high-quality images, clean typography, and a cohesive color scheme that reflects Solei’s brand identity.
Product Showcase
Designed product pages with detailed descriptions, high-resolution images, and easy-to-use filters to help customers find and select products.
Shopping Experience
Streamlined the checkout process to minimize steps and reduce friction, making it easy for customers to complete their purchases. Integrated secure payment gateways and provided multiple payment options to cater to different customer preferences.
Usability Testing
Testing Methods
Used tools like UserTesting.com and Hotjar to collect user feedback and analyze user behavior on the prototypes.
Findings and Iterations
Analyzed test results to identify pain points and areas for improvement.
Made iterative adjustments to the design based on user feedback, enhancing navigation, optimizing content presentation, and ensuring a seamless shopping experience.
Outcome
Before and After Analysis
The redesigned website showed a significant improvement in user engagement, with increased mobile traffic and higher conversion rates.
User Feedback
Positive feedback from customers highlighted the ease of use, attractive design, and improved shopping experience on mobile devices.
Business Impact
The new website contributed to a noticeable increase in online sales and customer retention, strengthening Solei’s market position and brand reputation.
