Responsive website design that allows users to learn more about JMI's services and request a quote.
Dec 2024 - May 2025
style guide, wireframe, prototype
The existing JMI website was cluttered and visually outdated. The typography and layout lacked clarity, and the navigation was overwhelming and poorly organized, making it difficult for users to find key information. The client needed a fresh design that would not only modernize the visual presentation but also create a more intuitive user experience that supported their business goals.
The goal of this redesign was to create a modern, easy-to-navigate website that better represented JMI Windows’ brand and supported their business objective of increasing conversions. With a refreshed design, the client wanted to present their services more clearly, build trust with potential customers, and make it easier for users to explore product offerings and request quotes. The new site also needed to align with existing brand materials developed by the client’s social media team, while elevating the overall user experience.
UX/UI Designer: Style guide, layout, typography, prototyping, handoff & asset collection
While I wasn’t present for the initial client meeting, I was provided with a sitemap created by my colleague, which I used as the foundation for organizing the site’s content. I also created a moodboard to help guide the overall style direction.
As part of our internal process, I created wireframes to help stakeholders visualize layout and structure before content was finalized. These wireframes were primarily used to get approval on copy placement and section flow, but they also established the overall organization of each page.
The client already had an existing brand, and I primarily based the style guide off of the social media department's established branding. I didn’t alter the branding much, as it was already distinct and well-suited to the client’s identity. I worked in Figma to design the site and used Photoshop for some light image editing when necessary. At this stage I also shifted the mockup to a prototype & connected the wires.
One of the project’s challenges was the lack of high-quality visual assets, particularly related to their multitude of projects and desire to have a gallery. To help with this, the client gave me access to their client management system, which contained many project images. While the quality and organization of these assets made them difficult to work with, I did my best to incorporate them into the design to showcase JMI’s work.
The client was generally satisfied with the layout. He felt a few pages were too light on content, so I made minor additions and swapped a few images based on his requests. One design decision I didn’t fully agree with involved the use of full-color partner logos on a dark background. I recommended using black-and-white versions for better visual consistency, but the client preferred the colored logos, even though they required jarring white backgrounds. Since this didn’t impact usability, I folded.
After the design was finalized & approved, I handed it off to my colleague, who developed it in WordPress. I remained involved during development to ensure the live version aligned with my design vision and provided feedback to keep things on track.
Sitemap created by my developer colleague.
For best results, view on desktop.
Despite asset limitations, I think the final design is a major improvement over the original. The content is better structured, the navigation is easier to use, and the updated layout creates a more professional impression. I’m especially happy with how the brand came through visually without needing any major stylistic overhauls.
View the old site on Wayback Machine. View the live site at jmiwindows.com.
This was a rewarding but somewhat challenging project. I regret that we didn’t conduct any user research, but that aspect was outside of my control.
