#tcules #eCommerce #d2c #ux #uxdesign #casestudy #magento

CASESTUDY

D2C ecommerce website design

Designing and Developing a Magento based website for a direct-to-consumer eCommerce brand

Industry

eCommerce

Duration

Ongoing

Service

Design audit, UX/UI design,
Magento Development

Devices

Web & Mobile

The Chain Hut approached us in February 2018. They had a plan to venture into the UK’s online fashion jewellery market. We went through the holistic eCommerce UX design process, starting with a UX Audit, user research and finishing off with a fully functional and optimised website based on the Magento eCommerce platform. The optimised website we created for them translated to an increase in organic traffic, revenue and reduction in product development costs.

eCommerce design process

test

Design

Development

#ecommerce #thechainhut #ux #ui #magento #tcules #casestudy #mobile #interface
eCommerce design approach

UX Audit

We created user personas, conducted the interviews, benchmarked the competition, performed heuristic analysis and produced a comprehensive report with our recommendations.

Information Architecture

The Chain Hut deals with a vast variety of silver chains. With the client’s help, we could design an information architecture that simplified the navigation, search and discovery of their products.

User journey

Based on the User Personas we created during the audit phase, we mapped the user journeys with Magento’s default workflow. The challenge was to keep the core purchase workflow of the Magento platform intact and optimise the user flows.

Design-Review-Iterate

Starting from paper sketches to Figma wireframes, we went through multiple iterations to produce low fidelity designs. Since the designs were to be integrated on the Magento eCommerce platform, we spent a lot of time studying the default functionalities of Magento. Our designs had to be platform-compatible and developer-friendly.

Our research indicated an upward trend in mobile users for the online fashion jewellery market. We ensured that our design thinking was mobile-first. We produced separate design versions for desktop, tablets and mobile.

Branding

Soon after the low fidelity wireframes were approved, we shifted our focus on delivering a rich eCommerce UX design via finessing the branding and style guide, which included finalising the fonts, typography, colour scheme and product icons.

#ecommerce #thechainhut #ux #ui #magento #tcules #casestudy #mobile #interface
The Chain Hut
"Their advice is impartial and holistic - not favoring one aspect of e-commerce over another, whether it be user experience, UI design, technical, marketing, branding or something else."
Tony G

Owner

Bringing it home

All the user journeys reach the final destination when the user resolves to make a purchase. You want to provide a distraction-free, super-convenient purchase experience to ensure minimal drop-offs and the highest order value. What we built for the client continues to get validated through their numbers which we are absolutely proud of!

Assimilation with Marketing

Any new brand venturing into the direct-to-consumer market relies on acquiring visitors from non-organic channels such as ads, social media campaigns etc. We ensured that the landing pages and features were designed and developed in accordance with their content strategy and planned marketing campaigns.

We paid extra attention to navigation, search and discovery of the product to ensure that a casual interest visitor is inspired into developing an intent to make the purchase.

Final Outcome

  1. A beautiful eCommerce website design that is both platform and developer-friendly.
  2. An optimised Information Architecture and landing pages for an easy flowing user journey on the website.
  3. A styling guide that helps maintain brand consistency.

We also design for Shopify, Woocommerce and other eComm platforms

You might be interested in

eCommerce is here and it’s here to stay. In this blog, we share how you can create well-designed websites to serves as an extension of your business and leverage the internet to meet business objectives. 

Very few designers and marketers realize that landing page design is a combined function of marketing and design.This article provides deep insights on how to design and optimise a landing page.

Have a project for us?

    contact tcules