Sevan Website

Visual Design, UI/UX Design

Overview

About the project

Full website redesign, including photo shoot and full design system.

Date
April 1, 2022
My role
Senior Art Director, UI/UX Designer
The background

Sevan Multisite Solutions came to Six Degrees because they had recently undergone a brand refresh, and needed a new website with updated content that better represented who they are.

The goal

To create an easily navigated site that clearly defines and presents the key services and solutions while highlighting the value Sevan brings to its clients.  

Project overview

1. Refresh the brand look & feel.

2. Rebuild the website so it clearly and concisely communicates: Who we are | What we do | How we do it | The value we provide customers.

Fogarty_logo trials
The process

The first step was to collaborate with the account team to build the site architecture and wireframes.    

I also started thinking about the visual design system, as an extension of the refreshed brand identity, and started creating small interactive elements such as buttons, dropdown menus, and hover states. I organized each visual  element into the master set of components that could be duplicated and relied upon to behave the same consistently throughout the 30-odd-page website. These elements eventually became the visual design system.

Sevan-website_design system-1
Sevan-website_design system-2
Sevan-website_design system-3
Sevan-website_design system-4
No items found.
After the wireframes were approved, I started building out the hi-fi page layouts for desktop, since most of their end users accessed their website on desktop rather than mobile.
Sevan-website_mockups-1
Sevan-website_mockups-2
Sevan-website_mockups-3
Sevan-website_mockups-4
No items found.
The solution

Partnering with cross-functional business teams and client stakeholders, I went through the process of refining the website mockups, while also adding functionality and infusing the brand personality with each micro-interaction.

I built working prototypes in XD, and we went through several iterations of design and functionality, based on content and client feedback.

Click here to view a working hi-fidelity prototype.

I had the opportunity to fly out to the corporate office and on-site locations with a photographer and team, to provide art direction for the photo shoots. This provided us with a custom library of brand photography assets, a valuable resource, for the website and marketing collateral.
Sevan - example contact sheets
Photo shoot: behind the scenes - 1
Photo shoot: behind the scenes - 2
No items found.
The takeaway: I would have loved to include a more straightforward UX design process throughout this project, as I feel the site could have benefitted from UX research and user testing. Adding card sorting, journey mapping and usability testing to the process would allow the site to be more of a user-centered experience, providing a richer experience for users of the website, and further building a connection with the brand.
Credit: https://leeruoshan.com/the-fundamentals-of-user-experience-ux-design/
No items found.
No items found.