Labconco

Website design for Ebeacon, a development agency from Kansas, MO.

Labconco-website-screen1
Requirements

Ebeacon, a development agency from Kansas, MO, needed assistance with the visual design of the website for one of their client, 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. The subpages included About page, Resources, News and Events, Product listing and detail pages and the shopping cart process to purchase products that includes 6 steps. 

Deliverables

The deliverables include the homepage and subpages for desktop, tablet and mobile and the visual style guide. All the designs where shared through Invisionapp.

Services
Visual Design
UX

Tools
Adobe Illustrator
Adobe Photoshop
Invisionapp

Labconco-screen6
Labconco-screens15
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 he starts the purchase process.

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 user experience on the website.

Labconco-Thank-You-Page