Improving Discovery across

500+ Retail Stores and Designing for New Revenue Streams

Improving Discovery

across 500+ Retail Stores

and Designing for New

Revenue Streams

Improving Discovery across

500+ Retail Stores and Designing for New Revenue Streams

E-Commerce | Research | Visual Design

E-Commerce | Research | Visual Design

E-Commerce | Research | Visual Design

Start reading the case study

BACKGROUND
BACKGROUND

In Traditional Cyber Security Teams, Analysts Range from Junior to Experts

In Traditional Cyber Security Teams, Analysts Range from Junior to Experts

In Traditional Cyber Security Teams, Analysts Range from Junior to Experts

PRE-REQUISITES
PRE-REQUISITES

Design Philosophy at CaratLane

Design Philosophy at CaratLane

Design Philosophy at CaratLane

FIND IN STORE
FIND IN STORE

Helping people find their favourite products in-store

Helping people find their favourite products in-store

Helping people find their favourite products in-store

Store Toggle

Store Toggle
Store Toggle

Quick Location Filter toggle allowing people to find the products nearest to them

Quick Location Filter toggle allowing people to find the products nearest to them

Quick Location Filter toggle allowing people to find the products nearest to them

VISUAL SEARCH
VISUAL SEARCH

Visual Search Experiments & The New Listing Page

Visual Search Experiments & The New Listing Page

Visual Search Experiments & The New Listing Page

New Listing Page

New Listing Page
New Listing Page

With the Re-designed Listing Page, our focus was on Visual Search

With the Re-designed Listing Page, our focus was on Visual Search

With the Re-designed Listing Page, our focus was on Visual Search

Experiments

Experiments

Final Designs

Final Designs
NEW REVENUE
NEW REVENUE

Referrals and Loyalty program

Referrals and Loyalty program

Referrals and Loyalty program

Loyalty program

Loyalty program

Bringing Figma updates to developers

Bringing Figma updates
to developers

Bringing Figma updates to developers

  • Figma for development

  • Turn-on dev mode

    Turn-on dev mode from the top right, see the attached video for reference.

    Dev mode provides you with all the tools that help you

  • Feature #1
    Dev ready

    we have already started using this feature, hope guys are finding it helpful

  • Feature #2
    Inspect changes

    You can now inspect if any unexpected changes were made

  • Feature #3
    Export Code

    Figma now supports native code export for web, ios, android

  • Feature #4
    Native VS Code Plugin

    Figma is now natively integrated with VS Code

    https://marketplace.visualstudio.com/items?itemName=figma.figma-vscode-extension

HONOURABLE MENTIONS
HONOURABLE MENTIONS

Design System Recap

Design System Recap

Design System Recap

Thank You for Reading

Thank You for Reading
Thank You for Reading

Write to me at agamagar117@gmail.com

Write to me at agamagar117@gmail.com

Write to me at agamagar117@gmail.com

See Also

See Also

Back to home

•

Email

•

Resume

•

LinkedIn