Sequential Website Redesign
The Client: Sequential is a company that makes synthesizers. They have been a respected synthesizer maker since the 1970s, and they are super cool.
Problem: Their current website does not do the brand justice and needs to be refreshed.
Solution: Redesign this product website. Give it a refreshed visual feel and improve the overall user experience through good design and clear hierarchy.
My Role: UI, UX, & Visual Designer
Tools: Figma, Photoshop, Illustrator
The redesigned site
Before and after the redesign
The Process
Wireframes
The redesign process started by creating wireframes for some of the most used areas of the site.
Inspiration
I put together a mood board of visual designs that represented the brand well. The goal was to represent the brand as creative, fresh, and intuitive. The brand has also been around for more than 50 years, so some visual callbacks to previous decades were included.
Initial Design
The next step was to create a few mockups for the main brand slide in Photoshop to decide which style direction to go in.
Figma Components
I created components in Figma for the hi-fi wireframes. This included the navigation bar and footer, some buttons and variants, and a product card. That's my hand, too!
Final Design
The wireframes were styled using the components and new brand colors. Some textures from Adobe Stock were manipulated in Photoshop and used to add more character to the site.
