Urban Wireframe Design

This wireframe is more type heavy and specific to functionality. With fewer images, users who are familiar with the company can quickly navigate and order their items and quantity very quickly. The home page is uniquely designed to include tabbed information which a user can click through for more information.

BENEFITS/HIGHLIGHTS:

Header:

-Thin header which is centralised.

-Prominent search bar.

-Separate line for login and register button.

Footer:

-Split footer into 5 vertical sections for further links and content.

-Social icons and address for further outreach.

Product:

-Product calculator for volume based items

-Description section for specification details.

Category:

-Filter left side.

-Line view which is perfect for products with no images.