Web Design
UX/UI Design
My Role
UX/UI Designer
Project Manager
Timeline
2021

Overview

Introduction

Redesigning a leading provider of innovative technology solutions and managed services. Created a new site where clients could browse and find 1,000’s of products and services easily and intuitively. ITsavvy offers over 35 technology solutions and over 2 million products.

Challenge

Our client initially tasked us with:

  1. Update design and build brand recognition.
  2. Improve product browsing and navigation.
  3. Increase cross-sell of products and services.

Initial Discovery

Gathering user data

During our first meeting with the client, we gathered as much data available in order to identify the target user audience's needs and wants.

Key Research Insights

With a diverse and competitive market, how does ITsavvy stand out in a crowded space? How can the product browsing and site navigation be improved? With a huge range of products and services, how can we make it easier for clients to find what they're looking for?

No items found.

Ideation

With tons of product and service categories, a total site architecture overhaul was needed. Since the site was so large, our team decided that a system of modular block templates would be needed to cover all types of page layouts. We grouped pages together based on similar content quantity and from there, broke down each group into smaller block types.

No items found.

Sketching Ideas

Rough wireframes were created to flush out ideas for template blocks. We created sections that would house content that answered these questions; what is this product or service? why ITsavvy? what are the benefits for my organization? While also creating spaces for products related to that solution or service.

No items found.

Narrow our ideas

After working on the site architecture, we tackled improving the site's main navigation structure by creating rough mega menu wireframes. Then taking our template block ideas and expanding into more detailed wireframes for key parent, child, and grandchildren pages.

No items found.

Our Solution

Working closely with in-house designers and the management team at ITsavvy, we applied branding, photography, and graphic elements to the initial wireframes. After we finalized the high fidelity mockup, a custom wordpress theme and page templates were built with the help of an outside development agency.

https://www.itsavvy.com/

No items found.