Redesigning Pantaloons homepage

Service

UX, UI, web, mobile

Client

Pantaloons

Duration

4 days

Pantaloons, a division of Aditya Birla group, is an Indian fashion retail company that has a network of offline stores and an online store as well. They offer a collection over international and in-house brands.

My task

The task here was to do a design refresh to enhance user experience including engagement. How I would go about redefining/recreating the current homepage.

Value opportunity​

Identifying different Business objectives and Key user behaviors ​

Understanding requirement​

  • Going through website to understand structure, design choices and approach.

  • Understanding the current user flow.

  • User interviews to better understand users and their requirements

  • Competitor analysis to understand how competitors fulfill for the jobs.

User flow

These diagrams represent the many avenues that can be taken when the user has to purchase something.

  1. User has something in mind but no particular website.

  1. User is scrolling through social media and finds something interesting

  1. User has a goal in mind and lands on their favourite website.

  1. User doesn't have a goal in mind and lands on their favourite website

User interviews

Conducting user interviews to understand the various needs, pain points and motivations.

Competitor analysis

Trying to understand the different marketing strategies of competitors in this industry.

Insights

  • People use both computers and mobiles to shop online. Roughly 60% users prefer mobile over desktop.

  • Important trust markers like free alterations and easy returns can alter a user’s purchase decision.

  • User finds products through 3 ways –

    • Search – if they absolutely know what they want. Search allows for precise filtration.

    • Categories – if they know what they want but would like to see more options.

    • Banners, Cards – if they know what they want but would like to find offers and discounts related to that product.

      Banners and cards are also used by people who have no product in their mind. They want to find something relevant or interesting.

  • Sections which show looks i.e., model with set of products, should also contain the attributes of the person this style would go good with.

Key User Behaviors

  • Motivation for people to buy clothes is mostly driven by events and functions.

  • Most people already know what sort of product they want to buy, and they come on the site with that in mind.

  • For people who don’t have anything in mind, they come on the site to find good offers and ongoing promotions.

  • People are motivated to return to websites that have great customer service and simple return policies.

  • People shop online because of the convenience, wide range of collection and the offers and discounts.

  • Ability to keep items in wish list has to be there always.

Objectives

  • Increase the overall purchase by shoppers.

  • Get users to save more money with attractive discounts.

  • Make the flow more discoverable to users (easy to understand)

  • Easy discovery of offers, discounts and product lineup.

  • Have the platform be more personalized.

Design process

Keeping in mind the strict project deadline, I drafted a timeline that would serve the purpose and get the project done while keeping with the steps of the design process.

Value shaping

Giving shape to the value opportunity identified

Brainstorming & notes

Paper wireframes

Visual language

Font used - Manrope, Lexend

UI kit used - Untitled UI

The app uses the style guide from Untitled having a similar typography and colour system.

Designed to follow the theme colours of Pantaloons but with simpler typography and style.

Manrope is great for titles while Lexend improves readability.

The content takes center stage instead of the website.

How design meets the objectives?

Bringing key considerations, behaviors and business objectives to the overall designs to deliver aesthetic, usable product

Design Considerations

Reachability - primary actions are kept within thumb's reach

Sections prioritized based on user needs and business objectives.

Principals used - Aesthetic-usability effect, Scarcity

Prototype

To try out the prototype, click here

Redesigning Pantaloons homepage

Service

UX, UI, web, mobile

Client

Pantaloons

Duration

4 days

Pantaloons, a division of Aditya Birla group, is an Indian fashion retail company that has a network of offline stores and an online store as well. They offer a collection over international and in-house brands.

My task

The task here was to do a design refresh to enhance user experience including engagement. How I would go about redefining/recreating the current homepage.

Value opportunity​

Identifying different Business objectives and Key user behaviors ​

Understanding requirement​

  • Going through website to understand structure, design choices and approach.

  • Understanding the current user flow.

  • User interviews to better understand users and their requirements

  • Competitor analysis to understand how competitors fulfill for the jobs.

User flow

These diagrams represent the many avenues that can be taken when the user has to purchase something.

  1. User has something in mind but no particular website.

  1. User is scrolling through social media and finds something interesting

  1. User has a goal in mind and lands on their favourite website.

  1. User doesn't have a goal in mind and lands on their favourite website

User interviews

Conducting user interviews to understand the various needs, pain points and motivations.

Competitor analysis

Trying to understand the different marketing strategies of competitors in this industry.

Insights

  • People use both computers and mobiles to shop online. Roughly 60% users prefer mobile over desktop.

  • Important trust markers like free alterations and easy returns can alter a user’s purchase decision.

  • User finds products through 3 ways –

    • Search – if they absolutely know what they want. Search allows for precise filtration.

    • Categories – if they know what they want but would like to see more options.

    • Banners, Cards – if they know what they want but would like to find offers and discounts related to that product.

      Banners and cards are also used by people who have no product in their mind. They want to find something relevant or interesting.

  • Sections which show looks i.e., model with set of products, should also contain the attributes of the person this style would go good with.

Key User Behaviors

  • Motivation for people to buy clothes is mostly driven by events and functions.

  • Most people already know what sort of product they want to buy, and they come on the site with that in mind.

  • For people who don’t have anything in mind, they come on the site to find good offers and ongoing promotions.

  • People are motivated to return to websites that have great customer service and simple return policies.

  • People shop online because of the convenience, wide range of collection and the offers and discounts.

  • Ability to keep items in wish list has to be there always.

Objectives

  • Increase the overall purchase by shoppers.

  • Get users to save more money with attractive discounts.

  • Make the flow more discoverable to users (easy to understand)

  • Easy discovery of offers, discounts and product lineup.

  • Have the platform be more personalized.

Design process

Keeping in mind the strict project deadline, I drafted a timeline that would serve the purpose and get the project done while keeping with the steps of the design process.

Value shaping

Giving shape to the value opportunity identified

Brainstorming & notes

Paper wireframes

Visual language

Font used - Manrope, Lexend

UI kit used - Untitled UI

The app uses the style guide from Untitled having a similar typography and colour system.

Designed to follow the theme colours of Pantaloons but with simpler typography and style.

Manrope is great for titles while Lexend improves readability.

The content takes center stage instead of the website.

How design meets the objectives?

Bringing key considerations, behaviors and business objectives to the overall designs to deliver aesthetic, usable product

Design Considerations

Reachability - primary actions are kept within thumb's reach

Sections prioritized based on user needs and business objectives.

Principals used - Aesthetic-usability effect, Scarcity

Prototype

To try out the prototype, click here

Redesigning Pantaloons homepage

Service

UX, UI, web, mobile

Client

Pantaloons

Duration

4 days

Pantaloons, a division of Aditya Birla group, is an Indian fashion retail company that has a network of offline stores and an online store as well. They offer a collection over international and in-house brands.

My task

The task here was to do a design refresh to enhance user experience including engagement. How I would go about redefining/recreating the current homepage.

Value opportunity​

Identifying different Business objectives and Key user behaviors ​

Understanding requirement​

  • Going through website to understand structure, design choices and approach.

  • Understanding the current user flow.

  • User interviews to better understand users and their requirements

  • Competitor analysis to understand how competitors fulfill for the jobs.

User flow

These diagrams represent the many avenues that can be taken when the user has to purchase something.

  1. User has something in mind but no particular website.

  1. User is scrolling through social media and finds something interesting

  1. User has a goal in mind and lands on their favourite website.

  1. User doesn't have a goal in mind and lands on their favourite website

User interviews

Conducting user interviews to understand the various needs, pain points and motivations.

Competitor analysis

Trying to understand the different marketing strategies of competitors in this industry.

Insights

  • People use both computers and mobiles to shop online. Roughly 60% users prefer mobile over desktop.

  • Important trust markers like free alterations and easy returns can alter a user’s purchase decision.

  • User finds products through 3 ways –

    • Search – if they absolutely know what they want. Search allows for precise filtration.

    • Categories – if they know what they want but would like to see more options.

    • Banners, Cards – if they know what they want but would like to find offers and discounts related to that product.

      Banners and cards are also used by people who have no product in their mind. They want to find something relevant or interesting.

  • Sections which show looks i.e., model with set of products, should also contain the attributes of the person this style would go good with.

Key User Behaviors

  • Motivation for people to buy clothes is mostly driven by events and functions.

  • Most people already know what sort of product they want to buy, and they come on the site with that in mind.

  • For people who don’t have anything in mind, they come on the site to find good offers and ongoing promotions.

  • People are motivated to return to websites that have great customer service and simple return policies.

  • People shop online because of the convenience, wide range of collection and the offers and discounts.

  • Ability to keep items in wish list has to be there always.

Objectives

  • Increase the overall purchase by shoppers.

  • Get users to save more money with attractive discounts.

  • Make the flow more discoverable to users (easy to understand)

  • Easy discovery of offers, discounts and product lineup.

  • Have the platform be more personalized.

Design process

Keeping in mind the strict project deadline, I drafted a timeline that would serve the purpose and get the project done while keeping with the steps of the design process.

Value shaping

Giving shape to the value opportunity identified

Brainstorming & notes

Paper wireframes

Visual language

Font used - Manrope, Lexend

UI kit used - Untitled UI

The app uses the style guide from Untitled having a similar typography and colour system.

Designed to follow the theme colours of Pantaloons but with simpler typography and style.

Manrope is great for titles while Lexend improves readability.

The content takes center stage instead of the website.

How design meets the objectives?

Bringing key considerations, behaviors and business objectives to the overall designs to deliver aesthetic, usable product

Design Considerations

Reachability - primary actions are kept within thumb's reach

Sections prioritized based on user needs and business objectives.

Principals used - Aesthetic-usability effect, Scarcity

Prototype

To try out the prototype, click here

Forward always.

Forward always.

Forward always.