PROBLEM STATEMENT

From the result customer persona, the customers online shopping experience wants the confidentiality of the items purchased so that goods such as intimate things can be protected in secret.

And there can be customers who want to know designer who have made products.

Differenciate from competitors
through innovation

Use technology to complement
the in store experience

Estabilish trust and credibility
through excellent service

Competitive research

UX Survey

Customer persona

SCOPE AND CONSTRAINTS

Assets that I use from several platforms including for the image I took from ZARA. For icons I took from flaticons, fontawesome and some I made myself.

I design the web design for shopping online (e-commerce) and develop it. Then I also design all the inner pages such as home page, category page, designer page, product page, detail product page, success page (modal), about page redirect to the company profile, and footer.

SITEMAP

This sitemap is very useful to see how big the scope is and also as my guide when designing the pages. When the sitemap is done, the next step wireframe.

WIREFRAME

I use the actual content from them (BuildWithAngga) and also the layout but there are some that I redesign. I find this wireframe process is very important so I can focus on the content first. I designed the wireframe for all the pages using Adobe XD tools.

MOCKUP

After finished creating the wireframe in Adobe XD. I continue to the mockup phase. Filling the images, creating some design elements, adding colors, and refining the layout. Of the wireframe that was created, I don't follow all the layout. There are some parts that I changed.

RESULT

With some revisions, the final design is finally done. Then the next step is the development process by my self. After about 1 month of development the site ready to deploy and now you can see it in action. Indeed it took quite a long time because I had to finish the class first.