I have a new website. Check it out!

Skip to content

Duapupa

Duapupa

Project Overview

Duapupa is a clothing label startup that says “chic and elegance”, targeted to women at productive age (twenties and thirties) who live in Indonesian cities, and offer the products in mid-range price. The interpretations of the logo vary: (a) it could be a symbol of a flying creature, or butterfly if you may say it, to symbolise flair & freedom; (b) a highly-stylised abbreviation of “d” and “p” that stands for “duapupa” (which means literally “two larvaes”); and (c) a tied band that you normally see in gifts, representing good quality.

Goals

The goal of this project is to create a storefront website that sells the products of Duapupa.

Challenges

The greatest challenge was how to create a smooth browsing and buying experience, particularly with the product listing, product single page and the transition to purchase. This is an analysis of human psychology, behavior and design issues.

Process

I normally follow this process: 1. Discovery, 2. Concept, 3. Wireframing, 4. Design, 5. Prototyping and 6. Iteration.

With Discovery, I discuss with fellow stakeholders, do background research online, make presentations to the team, talk to future customers. Find the problems and what we have done in the past that worked and didn’t.

Unused logo
Unused logo

With Concept, where the moodboards, storyboards, sketches and theories are all blended in to form a concept.

With Design, I worked on the details of the visuals and apply them through various collaterals.

With Prototyping, I translated the design into workable prototypes.

With Iteration, I continue to perfect every detail as time progresses and further discussions with stakeholders take hold.

Results

A website that caters nicely to its audience with a novel color themes, pleasant user interface and user experience, and most importantly, supports smooth view-to-purchase transition.

Product detail
Product detail

Product listing
Product listing

Interaction standards
Interaction standards

Forms
Forms

Checkout
Checkout

Shopping cart
Shopping cart

"Thank you" stickers
Stickers

Confirmation page
Confirmation page

See my projects