Melity

Company website Revamp

My Mission

Melity is a company in NYC that specializes in digital transformation for organizations across many industries. Melity hired me to update their company website in order to better inform users about what the company is, the services they offer, and the clients that they have worked for. My goal was also to prompt users to sign up with them and follow them on social media.

Research

How I came up with my design

Interview and Competitive Analysis

In order to provide the best experience for the users of the new site and portray the correct message, I conducted an interview with the managing partner of the company. This allowed me to better understand the goal of the company, what they do, who they work for, and what it is that they want to get out of their new and improved website.

I then formed a list of competitors for Melity. I studied each of the competitors’ websites and noted which features helped with usability, aided in design, and conveyed the correct message for the site. Below are two of the four competitor websites that I analyzed and annotated.

Screen Shot 2016-09-23 at 4.23.29 PM.png

Personas and User Flows

I also gathered information about who the users of their current website are and what they would be looking for, as well as how they may come upon Melity's website through personas and user flows.

Creating My Design

my designing method

The Structure

I created a site map to get a good idea of what the structure could potentially look like for the new design. I saw two possible solutions for the structure of the site.

The Design

Next, I began to sketch several different options of what the structures might look like on a webpage.

Wireframes

At this point, I translated these designs into 3 versions of low fidelity and high fidelity wireframes.

Screen Shot 2016-09-26 at 7.47.14 PM.png

Getting To The Final Design

Using feedback from my client, I focused on combining elements from each of the designs. The main goal was to reduce the number of clicks that the user had to make in order to see the valuable information that would tell them what Melity was about while taking a page from the usability of social media and the shortening attention span of users.

Revisions

Once that the flow of the website was completed, I revised the colors and tweaked a few details while adding the content pages to the design.

The Solution

The Final Design

The design was approved by Melity's team. Currently the copy and content are being completed by Melity’s team so the design can be published online. I created pixel perfect files for my client in 1024 x 768 for desktop, 768 x 1024 for tablet, and 360 x 640 for mobile.