Back

Connecting Product Discovery to a Conversation

A personal-care storefront designed and built in Framer, connecting curated collections, product details, and a WhatsApp contact path.

Project
Nala Market
Category
Design & Build
Role
UI/UX design & Framer development
Year
2026
Nala Market homepage on mobile and desktop, with the Limited Edition hero and Special Offers.
Overview: the storefront on mobile and desktop.

The challenge

A product catalog needs to help visitors find relevant items, understand an offer, and know what to do next. I designed and built Nala Market in Framer around a browsing journey for personal-care products, using curated collections and category entry points before the product detail and WhatsApp contact action.

Design decisions

01

Offer several ways into the catalog

I organized the homepage around Special Offers, Best Seller, and product categories. Face, Hair, Body, and Fragrance give visitors a route based on their needs, while curated collections support a quicker browse. The navigation repeats these entry points so the catalog structure is easy to find beyond the homepage.

Nala Market product categories for face, hair, body, and fragrance, with Best Seller products and testimonials.
Catalog: categories, best sellers, and testimonials.
02

Keep the offer visible before the detail

Product cards bring imagery, names, and prices together, with sale labels and original prices where applicable. The product page then adds availability, a short introduction, and expandable information sections. I used this hierarchy to keep the first comparison concise while leaving space for more detail before the next action.

Nala Market Special Offers with sale prices, next to the mobile product description, ingredients, and tips.
Offers first, then product details.
03

Use a direct contact path for the next step

I built the storefront with Order Now and Buy Now actions that lead to WhatsApp, rather than an on-site checkout. The product action sits alongside the information used to evaluate an item. The current demo link starts a website inquiry, so I describe this as a contact handoff instead of a verified product-ordering or payment flow.

Nala Market product page on desktop and mobile with price, stock status, Buy Now, and the Order Now button in the navigation.
Contact path: Buy Now and Order Now on desktop and mobile.

The result

The Framer build brings product collections, category browsing, detail pages, and WhatsApp contact links into one storefront experience. My work covered the UI/UX design and website build. The public demo shows the catalog and contact journey; it does not demonstrate a completed purchase or payment integration.

More work