The Grapes.

Description

What's special about this project? Unlike U-dsgn (which was developed in 3 days), this one was a pretty complicated E-commerce website.

The goal was to develop a website with a clean design and minimalism notes to sell online world-awarded Italian wines in Singapore.

Wireframes

Before design or code development, I design UX. Wireframing helps to make it easy to edit an experience map without time-consuming changes to the project. It was important to develop easy simple navigation for "The Grapes" project and try to keep in control the complexity that usually comes with e-commerce websites.

Design System

The foundation for the Design System was the client's preferences and prepared a short document with logo guidelines. The goal was to use a minimal amount of colors, leave spaces for objects to "breath" and add some special design features to stand out. The watercolor masks for images were used for the last point. Finally, full pages design was developed.

Full customization

The client asked me to make everything as much customizable as possible. So, I did it. Each (literally) image, text, link, product order, or related products are controlled via WordPress admin. I've accomplished that by creating custom fields for posts, pages, and WooCommerce products using native fields and hooks without external plugins. Meanwhile, all theme content and settings are controlled fully via Customizer.