Problem: Outdated website did not accomplish business goals
Solution: Website redesign focusing on branding, driving conversions, and marketing content.
Tools: Miro, Figma, Balsamiq
Client: Precision Accessibility
Date: Fall 2020
Deliverable: Wireframes and High-fidelity Mockups
Table of Contents:
Precision Accessibility has grown a lot over the past few years, but their website did not grown with them. Emerging accessibility consultants, hoping to keep expanding in the future, wanted a new website with a thoughtful design to help them reach new people and drive conversions. This year, Precision Accessibility also started a blog as a content marketing strategy. Their new website design can accommodate a growing blog.
The full logo was just the company name, Precision Accessibility in italicized green letters. However, the icon version didn’t visually match the full logo. I created a new icon that matches the text to form a new full logo.
The new icon has a more contempotary and minimal design than the previous version, and it can be easily scaled up or down while remaining recognizable.
found free illustrations at undraw.co, the added the brand colors.I choose these because they are simple, fun, and light-hearted. Web accessibility can seem dull and complicated. These illustrations help Precision Accessibility seem like they make the process interesting and easy.
The first step I took to get visitors to ask for a quote is to make the call-to-action more inviting.
Visitors coming to this site looking for web accessibility services are trying to get a lot of questions answered:
In the cost section, I can’t say exactly how much a client will have to pay. But the user will feel in control if they understand how the cost is determined. If a user believes the final cost will be in their price range, they will be encouraged to ask for a quote. I added a graph to this section for the user to be able to quickly glance at the pricing structure and see where they land.
explain the process so a user can know what to expect.
I suggested explaining how your services work and show that precision accessibility’s services can help a website at any stage in it’s development process.
This reasoning also helps drive conversions because if freelancers or organizations realize they can hire their services at any point, then it is always a good time to ask for a quote.
What’s the best way to structure a developing blog? A search bar would provide a poor experience if a user searches for something that returns no result. Instead, I decided to direct users to choose to read what is available. A tag cloud is best to show all the topics that are currently mentioned in the articles section. As more articles are added, the tag cloud can grow larger. When the articles section becomes too dense with content, a search bar, or another form of navigation, can be added.