I created mockup designs for a corporate website redesign to transform the company's image by evaluating its brand, conducting user research, and comparing the results against market competitors. This was done to receive a surge in software purchases and reduce customer service inquiry calls regarding training.
Though the founder found no fault in the current website, the developer wanted an aesthetic that mimick more modern design. The customer service team favored having a spotlight shined on the online training videos that would answer many of the questions they receive via customer service calls.
The abroad marketing team requested a design that would align with how they present the company at expos. The abroad SEO company stressed making corrections to red-flag items from their audit of the website. If the necessary SEO steps are correctly taken they argued the website's Google ranking would improve.
Decrease the call volume made to the tech support regarding basic questions on using the software. New users of the software need a convenient solution that's easy to find for answering questions about the software.
I decided on my own to do an audit of the website's content, design, layout, and experience from a user experience designer point of view. Though I was told superficially what were seen as the problems on the site I needed to fix, I wanted to understand the entirety of the website, sub-domains, and affiliate websites. From what I gathered, I create a list of the most common issues.
Conducted by. Katherine Delorme
"[As UX designers we] understand how to methodically and meticulously plan a UX campaign. And that's what getting a job actually is, maybe we just don't realize it at first. So, we need to UX ourselves, we need to UX our resume, our [port]folio, our process, our interviews, everything." [1]
- Andrew Doherty former Google UX Designer
"The way you ask questions is very important, you will have ideas on some parts of the experience and consciously or subconsciously you may start to guide the user in a certain direction." [2]
"You need to find out about them, ask about their home situation, job, family life, favorite holiday destination, and hobbies. You need to get a good picture of who they are and what their environment is like." [2]
The website has so much text it is an overload of information. Thankfully the information on the website is correct though the messaging is described as "off". The success of conversation stats depends on which team member is asked. Metrics in question include newsletter subscription, calls received by the sales team, downloads of trial versions of the software, and other conversion statistics. The website should encourage visitors to call the company. A sales team member stated there's an increase in sales rate when potential clientele talk with a person. There's also a need for more sign-ups for demonstrations.
There is a drastic difference between the founder's belief regarding the website's purpose and the marketing team. The key company value most iterated by the employees was "community". There seems to be a unison desire for the company to be seen as a pinnacle member of the road servicing community. A resource to turn to for valuable information and open discussion. Some users when faced with difficulties using the software blame the tool to spare their ego, in contrast, to calling tech support, watching the online tutorial, or attending a supplementary class.
The company's image is VERY American, which has hindered its expansion into the international market. The company needs to have more of a global feel to appeal to international clients. Ideas to appear more international include using diverse photos. The current site only displays American roads that are larger than most European roads. The website should also use more neutral language downplaying the American accent.
The website I was tasked with made use of the brand's identifying color of green, but it was in such an overbearing way it aged the site. The site heavily used dark green alongside black, and a blue that defaulted from the backend framework. Green is a challenging color to work with, but many brands have utilized it well.
"Green Should Be Used As An Accent Color."
After reviewing the websites, apps, and other marketing materials of brands known for the color green, I concluded that green's greatest strength is when it's an accent color. It's present in the logo, but as far as the website greens are toned-down in favor of content, scannability, and readability.
I wanted the client to understand the impact of using green as an identifying color as well as show how the color could be paired with other colors.
The company had a character they used as an identifier for their brand. Though not unusual the art style the character was drawn edged at outdated. Visually it came close to seeming kidish or too commericial being similar to the animation style of early online animation video creator softwares. Similar to a caricature. To explain the stark difference I looked into modern illustration and the use of imageries with defining characters on websites. I also looked into classic characters and mascots and explained how they've withstood the test of time.
During my audit of the client site I took note of the inconsistent and incorrect use of icons. For this reason I included images of proper consistent icon and what their designed use would be to better illustrate the different to the client.
For further inspiration searches in the imagery invoked when think of road servicing was next looked into.
The following can only be explained in general and will be briefly covered to demenstrate the step was taken during my research and design process.
Personas related to those in the servicing industry and range from those directly using the software to the decision maker for a company in the purchase. Personas included:
Concerns/Needs:
Concerns/Needs:
Concerns/Needs:
Informed • Secure • Confident • Satisfied • Confidence • Authenticity
Industry competitors varied with small scaled companies, international competitors, market share, those who utilized the clients software. Without giving away vital information, below are short sentences describing a characteristic of a competitor.
Role: UX Researcher & UI Developer
Task: UI/UX research, conducting interviews, market research, website audit, mockups, wireframes, and high fidelity wireframe.
Location: In office then shortly after moved to remote in response to the 2020 COVID-19 coronavirus epidemic.
Team: The team consisted of a backend developer, sales & marketing director, marketing coordinator, and the third-party SEO company they hire. In addition to the founder being kept in the loop, I met with the founder every week. I also sent the founder weekly reports of my progress.
Technology - Design: Sketch App, sketch paper
Technology - Development: The website was built with Twig, template engine for the PHP programming language, Less, backwards-compatible language extension for CSS, PHPStorm, Foundation, and git.
Constraints: The constraints I felt during this project were being onboarding during the beginning of the coronavirus epidemic. I had to transition from in-person to remote in a matter of days. To connect with my co-workers, in the absence of the bonding we would've had in-person, I scheduled video calls to ask questions and get to know their job roles as well as themselves on a personal level.
Home Page - Option 1
Home Page - Option 2
Home Page - Option 3
Home Page - Option 4
About Page
Additional Page
Software Download
Demo Sign Up
Dashboard Sign In
Dashboard Sign In