Design Approach

I tried to keep my process as simple and straight to the point as possible. Carried out in 4 key phases to design final version. The client has chosen the direction applying the light background and smooth lines as it looked closer to the business style.

Inspiration and Mood Board

To capture Sway's vibe, I built a visual mood board filled with design ideas. Searching online, I curated images that fit the project perfectly. This method effectively communicates the design direction and gathers valuable client feedback.

Wireframe

After a few rounds of revisions on paper prototype I transitioned them into mid-fidelity wireframes, iterating on multiple versions for each page. Overall, It helps me to quickly get feedback from client and team members.

Grid Layout

Product Detail

Sway offers all necessary information on the product page instead of redirecting shoppers elsewhere, avoiding any disruptions in their journey. Most of that information happens above the fold (before the user scrolls). Which works to quickly capture the audience’s attention.
Improving general components, which can significantly impact overall page design and improve the conversion rate. Providing extensive product details, manufacturing transparency, ethical sourcing for eco-conscious shoppers, precise model measurements, fabric care, safety, and suitability information.

Sizing Solutions

It's estimated that 30-40% of all clothes purchased were being returned, primarily due to sizing issues. We strive to eliminate sizing uncertainties, allowing customers to confidently select apparel that suits their unique style and body shape.

Review and Ratings

We featured authentic customer reviews and ratings from verified buyers. We established a secure environment for users to confidently purchase Sway’s product. This data-driven approach not only resolved purchase hesitation but also developed a loyal community of repeat customers.

Trust Seals

We strategically places trust badges to enhance user trust and boost shoppers' confidence in making purchases. Ultimately building trust in the brand and improving conversion rates.

Entry Pop-Up

Sway built a direct communication channel with potential customers, aiming to attract more users to the brand, update website visitors about its latest offerings, and motivate users to sign up. Additionally, this initiative involves collecting emails builds a subscriber list for targeted marketing, product promotions and nurturing customer relationships.

Support Solution Widget

To resolve Sway’s customer support efforts and deliver a streamlined, satisfying experience for the potential buyers, we've chosen WhatsApp (the familiar green widget on the bottom-right corner of the website screens) as a primary communication channel. Its familiar interface, instant messaging capabilities and primarily assists Sway’s users in resolving questions about orders, returns, deliveries, and many other topics.

Improving user navigation

Our goal was to facilitate users in seamlessly accessing information, performing actions, and navigating the website.

• We ensure that navigation options and labels remain clear and visible
• We maintain consistency in style, function, and location for all navigation elements used on the website
• We make sure that all major parts of the site are accessible from the home page
• Users should never have to wonder where they are. We prioritize predictability in the destination of navigation links

Outcome

We made it easier to buy from Sway!
We didn't just give Sway a sleek online platform, we made it the smoothest shopping experience around. We analyzed every tap and scroll, crafting an interface that anticipates every need.

Improvement : Even after the initial launch, our commitment to perfection didn't end. Developers continued to fine-tune the interface, addressing any remaining visual inconsistencies to ensure a consistently smooth and visually appealing experience for Sway's users. This attention to detail resulted in a 15% increase in user engagement.