Portfolio

Case studies in craft,
clarity and conversion.

A deeper look at selected work — the brief, the thinking, the build, and the outcome. Spanning UI/UX product design, e-commerce, editorial platforms and design systems.

UI / UX Web Design E-commerce WordPress React · Vue · Angular Design Systems
Velora Beauty website UI design
UI / UX · Figma·2026

Velora Beauty — luxury beauty e-commerce

A complete UI/UX direction for a premium beauty label. The brief was to feel editorial and tactile rather than transactional, so the layout leans on generous whitespace, a soft-luxe blush palette and serif display type against clean product photography.

  • Art direction, typography scale and colour system built as reusable Figma styles.
  • Shoppable storefront: hero, best sellers, journal, PDP and cart flows.
  • Interactive prototype with responsive desktop, tablet and mobile frames.
FigmaUI / UXPrototypingDesign System
18
Screens
60+
Components
100%
Responsive
View in Figma ↗
OOkaro grocery delivery app screens
UI / UX · Mobile App·2026

OOkaro — grocery delivery app

End-to-end product design for a daily-essentials delivery app. The system covers the entire journey from splash and OTP verification through browsing, filtering, checkout and live delivery location — designed around speed of repeat ordering.

  • Onboarding: splash, login, OTP verification and success states.
  • Discovery: home feed, store listing, filter sheet and item pages with quantity controls.
  • Checkout: cart summary, offers, bill details, delivery partner tipping and payment.
  • Location: map pin selection, saved addresses, add and edit address flows.
FigmaMobile UXUser FlowsPrototype
20+
Screens
4
Core flows
iOS+A
Platforms
Tailorsmark website
Web Design · Development·2025

Bespoke tailoring platform

A story-first landing experience for a made-to-measure tailoring brand, with modular product blocks and smooth scroll interactions that keep the craft front and centre on every device.

  • Custom responsive front-end built on semantic HTML5, CSS3 and jQuery.
  • Performance pass: optimised imagery, deferred scripts and a 1.4s LCP.
HTML5CSS3jQueryBootstrap
98
Lighthouse
1.4s
LCP
AA
WCAG
Go Be Sleeves branding
Branding · WordPress·2025

Brand & Elementor build

A full identity rollout paired with a CMS-ready Elementor site: editorial typography, a vibrant palette, and reusable templates the client's team can extend without a developer.

  • Brand system: logo usage, colour, type and social templates.
  • Six Elementor templates powering fourteen pages of content.
WordPressElementorCSS3jQuery
+62%
Engagement
14
Pages
6
Templates
BetterNatured Shopify storefront
E-commerce · Shopify·2024

Shopify storefront redesign

A natural products brand needed its story to sell as hard as its ingredients list. Custom Liquid sections turned flat product pages into narrative, benefit-led experiences.

  • Custom Shopify sections for ingredients, routines and social proof.
  • Streamlined cart and checkout, lifting conversion by 48%.
ShopifyLiquidCSS3jQuery
+48%
Conversion
1.6s
LCP
96
Lighthouse
Projectset SaaS marketing site
SaaS · Product·2024

SaaS site & design system

Marketing site and component library for a productivity SaaS, shipped in two weeks with an animation language that carried through into the product itself.

  • 40+ documented React components with Tailwind tokens.
  • Conversion-focused pricing and onboarding flows — 3x signups.
ReactTailwindDesign System
40+
Components
3x
Signups
2wk
Timeline
Property Monitor platform
React · Real Estate·2023

Property Intelligence

A search-driven real-estate platform with rich filtering, map layers and a mobile-tuned booking journey, built on React and SASS across six locales.

  • Faceted search with map + list synchronisation.
  • Mobile-first enquiry flow that lifted mobile leads by 48%.
ReactSASSMapbox
+48%
Mobile leads
6
Locales
AA
WCAG
Yume mobile app
Website · Vue·2023

Companion Doctor's Website

A dreamy visual language and gesture-first navigation, delivered as a Vue component library tuned for responsive design.

  • 12 screens designed in Figma and shipped as shared components.
  • 60fps interactions with native-feeling transitions.
Vue.jsFigmaMotion
60fps
Interactions
12
Screens
iOS+A
Platforms
Responsiveness design system
Design System·2023

Responsiveness — cross-device pattern library

A documented system of layouts, tokens and utilities that scaled across five concurrent client projects and cut CSS duplication by 40%.

  • 120+ design tokens shared between Figma and code.
  • Usage docs so new developers could ship on day one.
TailwindSASSDocs
-40%
CSS duplication
5
Projects
120+
Tokens
Experiments and Analysis editorial site
Research · Learn·2024

Experiments & Analysis — research publication

A long-form editorial platform built in Vue, with a deep typographic hierarchy and interactive analysis blocks that make dense research genuinely readable.

  • Component-driven article layouts with charts, callouts and citations.
  • Zero layout shift and AA contrast across 24 content sections.
Advanced design systemsAI PluginsGSAP
Let's build

Have a vision?
Let's craft it together.

Whether it's a landing page, a product redesign, a Shopify build, or a full-time role — India or abroad — I'd love to hear about it.

Email
hetaarora0211@gmail.com
→
LinkedIn
linkedin.com/in/hetaarora
→