metricstream

Website and landing page designs for MetricStream.
The project can be viewed at the following link:
www.metricstream.com

Project Overview

MetricStream required a revamp of their current website. After an update on their logo and branding, they were looking for their website to follow suit on similar guidelines,

My Contributions

I was the main UX designer leading the project. Therefore, my responsibilities included, but were not limited to, the UX process and wireframes, client meetings and understanding requirements, all user interface designs, design style and style guide, and collaboration with the development team during the process of development.

Challenges faced:
‍
1. A simpler, modern design
The current design looked outdated and did not reflect the organization's modern and progressive approach.
2. Better information architecture
The website contains a large amount of data, one that required good organization to be consumed easily by the user.

Tools Used

Adobe XD

ux and wireframing

The wireframe was done after client meetings, understanding the scope and requirements, as well as a study into their current users.

The home page redesign was the major part of the project. The rest of the pages followed the design of the home page.
The main purpose of the wireframe was to:
1. Convey the UX of the page to the client
2. Plan out sections for increasing lead conversion and user retention.
3. Including more information presented in a clear manner
4. Get a basic layout and structure of the page, concentrating on functionality than aesthetics.

The text in red on the wireframe are notes to the client.

the design

We provided the client with multiple design options, making changes as per the given feedback and discussions. The design went through several iterations, before the finalization and development.

Design Options Presented

Final Designs