Prana · E-Commerce · In Progress

E-commerce built on
trust and clarity.

Prana Hero

Role

UX/UI Designer

Status

In Progress · 2026

Platform

Web + Mobile

Skills

UX Research · UI Design · Figma

Overview

What is Prana?

Prana is an e-commerce platform currently in active design. This case study is live and will be updated as the project develops — screens and documentation will be added as they are ready.

The core focus: a shopping experience where every decision prioritises trust, clarity, and ease. Users should feel confident at every step — from the first product they see to confirming their order.

Design progress

Research ✓IA ✓Wireframes → activeHi-fi → coming

Scope

The full shopping journey

End-to-end e-commerce — homepage and discovery, product detail pages, cart, and checkout. The challenge is an experience that feels trustworthy and easy without sacrificing richness or product presentation.

🏠

Homepage & discovery

Landing, category navigation, featured products — immediate trust and natural guidance to what users are looking for.

📦

Product detail page

Images, specs, reviews, trust signals in the right order. Enough information to buy confidently — nothing more.

🛒

Cart & checkout

Fewer steps, clear progress, no surprises at the end. Remove every reason someone might abandon their order.

📱

Mobile-first

Designed on small screens first, then adapted upward. The full experience works perfectly on mobile.


Principles

Three things guiding every decision

01

Trust first

Every screen filtered through one question: does this make the user feel more confident? Trust signals and honest information at every step.

02

Clarity over decoration

Clean layouts, clear hierarchy, nothing that doesn't serve a purpose. Aesthetic comes from precision — not decoration layered on top.

03

Conversion through ease

The fastest path to purchase is a clear, confident, low-friction one. Simplify every step between wanting something and getting it.


Current Status

Work in progress

Screens and process documentation will be added as they are completed. This case study grows alongside the project.

Get in touch

If you'd like to see work in progress or discuss the design direction, reach out directly.

Get in touch about this project →
E-CommerceIn ProgressMobile-FirstFigma

Next

Design Playground — Explorations

Read next →