Labconco

Website design for Ebeacon, a development agency from Kansas.

Labconco-website-screen1
Requirements

Ebeacon, a development agency from Kansas, MO, needed assistance with web design and UX for one of their clients, Labconco, a lab equipment manufacturer.

Design

Working closely with the agency, we redesigned the homepage and subpages of the website. The visual style guide was also extended, incorporating new elements such as buttons, headings, UI elements and iconography. 

Deliverables

The deliverables include the homepage and subpages for desktop, tablet and mobile, the visual style guide and the shopping cart process to purchase products. All the designs where shared through Invisionapp.

Services
Visual Design
UX

Tools
Adobe Illustrator
Adobe Photoshop
Invisionapp

Labconco-screens16

Purchase Process: The purchase process starts in the product detail page, where the user decides to purchase the product and add it to the cart. When the user decides to checkout, he goes to the cart where the purchase process starts.

Labconco-Redesign-for-Cart-Screen0

Step 1: Select the billing address.

Labconco-Redesign-for-Cart-Screen2

Step 2: Select the shipping address.

Labconco-Redesign-for-Cart-Screen3

Step 3: Select the shipping method.

Labconco-Redesign-for-Cart-Screen4

Step 4: Select the payment method.

Labconco-Redesign-for-Cart-Screen5

Step 5: Review details.

Labconco-Redesign-for-Cart-Screen6

Thank you page: When the user confirms the purchase, a thank you page shows up with an option to complete a survey and add feedback about the experience on the website.

Labconco-Thank-You-Page