1550573745-1550573640-1550573595-1550572391-1550572302-1550572148-k-var-banner.jpg

K-var

Goal

To undertake a suitable template from NopCommerce and adapt it. Review the user experience and make the process of purchase as easy as possible. Create a Responsive design for each interface. Identify the features required on the website. Create a visual language which is on-brand. Create mockups and modify the template. Work with the programming team to integrate the theme and launch the website.

Timeline

July 2017 - October 2017

4 Months

Process

Discussions with the client to identify key features of the site, review competitor references, understand the look and feel they were aiming for and the audience they were targeting. Created mockups for the homepage and narrowed down on the visual language for the site. Devised the check-out process after taking into consideration the delivery constraints of the various products they offered. Designed interfaces for all the pages for desktop and mobile. Modified the template to recreate these designs, integrated the template in collaboration with the programming team.

Mock Ups

Designed mockups of the home page while using a Nopcommerce template as a reference. Iterated a few times after client’s feedback to be more in sync with their strategy.

Designed a menu style that displayed three level navigation.

User Flow

Designed the check out flow. Each product category had a certain legal restriction on the type of shipping used to deliver it. The system had to check the various variables to select the apt shipping method. Firearms can only be delivered through an FFL Dealer nearest to the customer’s location.

Interfaces

Designed all the interfaces for Desktop and Mobile in Illustrator. Set up character and paragraph styles to keep typography consistent and easy to edit through the workflow.

Let's Talk!

Top