ErgoArts Website Redesign
My Role: UX Designer | Duration: 2.5 Week Sprint

Project Overview

Ergoarts is an ergonomic consultancy dedicated to helping people work safely from their offices and their homes through consultations and ergonomic classes.
This project was done between a 4 person team. It consisted of a complete redesign of the user experience and user interface of the ErgoArts website. From our research we found that people did not respond well to the original color scheme and wanted the ErgoArts mission to be clearer. In our hi-fi prototype redesign we consolidated pages, made the interface align with design standards, and focused heavily on the ErgoArts mission.
UX Techniques Used in My Role
-
Competitive/ Comparative Analysis
-
Brand Analysis
-
Persona Development
-
User Flows
-
Sketching and Wireframing
-
Prototyping in Figma
-
UX Writing
-
Usability Testing
Competitive Analysis
Kicking off our research I conducted a competitive analysis. In this we did an analysis of the features on 3 other ergonomic consultancy desktop websites.
Looking at The Rising Workplace, Ergofit, and Workup Ergonomics.
We checked for a blog, classes, and evaluations. What we found was that Ergoarts kept with the majority of the competitors indicating that it was in line with the industry standards.


Comparative Analysis
After the competitive analysis I moved into doing a pluses and deltas comparative analysis.
I looked at 3 business that offer some sort of service (healthcare appointment, consulting, etc) and focused on the pros and cons of their website. Like with the competitive analysis I did this to glean what Ergoarts could possibly benefit from, and what is the standard amongst these businesses.
Resources, testimonials, online scheduling, and clear information hierarchy were some of the things we pulled out that were the most beneficial to their respective website
Brand Analysis
I rounded out the first half of our research with a brand analysis. In this analysis I compared the ErgoArts desktop website to other medically focuses websites. I looked at not only the color schemes of the website but the tone and structure of the written information given.
This was an especially informative analysis and we used this heavily when decided on the structure and color scheme of our redesign

Affinity Mapping
One of my team members conducted contextual inquiries with four participants to get insight into how users were using the current ErgoArts site.
With these insights we created an affinity map categorized by common themes from the observations.

Hypothesis
We believe that by changing the user interface aesthetics on the Ergoarts website to be more in line with design standards for work from home companies we will achieve increased usage and understanding of ErgoArts by potential customers.
Persona
After getting all that important data from our research we were able to form our target user persona. In the UX process it is important to keep the user at the forefront of all design decisions which is why we look at it through the eyes of a user most likely to use what we are redesigning
Meet Solah!


Journey Map
Solah goes through the journey of learning about the importance of ergonomics for work from home employees and immediately starts researching consultancies that can help her business. Through this process she is anxious and curious about what this could mean for her employees. In her research she finds Ergoarts and explores what it has to offer. Once she is clear on that she reaches out to schedule some consultations and classes.
Solah needs a way to clearly understand the resources and services offered on the ergonomic consultancy she intends to hire, because she cares about the work health of her work from home employees
What's the problem?
When thinking of solutions to this problem I considered the questions...
How might we?
Ensure that users can understand and utilize the media resources provided?
Make the typography and color theory more aesthetically pleasing and less straining on users?
Make the website layout more intuitive and attractive to encourage prolonged page visitation?
Sketches
After my teammates completed some userflows and sitemaps to plan out the flow of our ErgoArts redesign I started to visualize what the interface would look like by sketching

Mid-Fi Prototype
My team and I took our sketches and created a grey-scale mid-fi prototype to test the layout and our beginning design decisions.
Design system
Once we completed usability tests on our mid-fi prototype we focused on getting down a uniform look for the ErgoArts mockup.
Our stakeholder was clear about wanting to keep the purple color from their original website. So looking back to our brand analysis we decided to make the purple a secondary color and a navy blue color the primary color. We found that blue is associated with heavily with healing and is found on most medically related websites.

_edited.png)
_edited.png)
Mockup
As a team we collectively created a mockup of our redesign.
We split up this culmination of our research and design process into about two screens per team member.
I designed the ErgoArts "about" page and the "blog" page
Next Steps
Add client case studies to the home page
Testers were really impressed with client list, but they want more info on what services you provided them.
Focus on Services page
Visit the descriptions to ensure they are up-to-date, possibly include prices to increase transparency
Test new SEO improvements
Focus on how to improve Search Engine Optimization to increase site traffic (content, hyperlinks, etc.)
Talk to developers
Stakeholder will decide if they want to take the redesigned website to developers so they can create it