Wireframing

Customization has become progressively more prevalent — customizable jerseys, shoes, paintings, mugs, and even figurines. Since smartphones are also prevalent, I immediately connected the two and designed a customization website for phone cases with an ordering interface.

The main goal was to design an intuitive interface for people to design their phone cases on the website. It provides realistic previews and fair rules — for example, extra layers require extra fees — that ideally make the experience fun and satisfying.

Moreover, I had the idea to incorporate a "community" branch into the website (second image from left). It is for users to upload their designs whether or not they wish to order. Either way, they can provide designs for other users to freely purchase for themselves.

Paper wireframe for Cutomizer.

Low Fidelity prototype

The prototypes for this project were done with Adobe XD.

The low fidelity prototype

High Fidelity prototype

Check out the prototype via the button above and get a feel for ityourself!

The high fidelity prototype