.png)
Overview
37 Gears simplifies complex problems and delivers custom digital solutions. They value collaboration, efficiency, and exceptional client experiences. They aim to solve big challenges quickly. I was tasked with designing an updated website to better represent current projects and expertise. I worked closely with the lead designer and developers to create the new website. They provided me with continuous feedback however this project was primarily done by me.
Role
UX/UI Designer
Platform
Figma
Adobe Illustrator
Problem
37 Gears’ website was outdated and simple. It did not represent their current brand and potential. This required designing a new fully fleshed out website. For a web engineering boutique the website is significant.
Solution
This new 37 Gears website would incorporate case studies to better portray their projects and capabilities. It would incorporate more imagery of projects and team collaboration.
Process
To start working on the website I focused on the goals. The main goal would be to incorporate case studies. These would portray different services and capabilities. There would be a hierarchy of case studies. The fonts would need to be changed. Body text originally incorporated a serif, this was switched to the header copy. Each case study would show stats and impacts. Textures would be used to make the website appear less bland.
Paper First
As an outline I drew inspiration from the original website design while building on it. I put extra care in designing the layout for the case studies. As I worked through each phase in the design process I worked with the design lead and the rest of the team for feedback. Likewise, feedback was helpful from the developers as it helped me recognize which design decisions were the most feasible.
-1.png)
-1.png)
Wireframes
Another goal the team wanted to focus on was 37 Gear’s ability to simplify design for their clients. I wanted to make this goal speak for itself through the website.
High Fi Prototype
We incorporated new images of the team which were previously not available on the old site. Likewise, this final prototype allowed for more up to date information about client projects and their impact. The lead designer suggested adding textures to help the website feel more sleek and on brand. This really added to the final design.
Impact
Currently this new website design is not live.