This was another project I did as part of the Google UX certification program. Let’s take a look at it.
The prototype for Desktop and Mobile versions of the website can be found below.
Desktop Prototype
The Design
Both the layouts are pretty simple with appropriate amounts of negative space. On both layouts, the make your case section is the only visible section with both trending themes and community favorites available on scrolling.
The main user flow is customizing and ordering a phone case. Lets look at the screens that the user goes through.
Desktop version
Mobile version
The main new feature of this website is the ability to color the case based on the given grids. I wanted to make this experience convenient on both the desktop and mobile versions. I agree that it’s still a bit difficult to color on the mobile version, but the intention is to enable zooming in on the canvas. A similar thing will be possible in the desktop version too.
The other stuff
Another feature I wanted to include was an explore section where other users can publish the custom cases they designed on the website. These cases can be viewed and purchased, ideally for most if not all brands.
Please leave your feedback in the comments below. Thanks for reading through.
