add images of the website in context
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 a product website that seriously needs an update.
Project Duration: 1 Month
My Role: Visual & UX design
The original website
The redesigned site
The Process
Wireframes
I started the redesign process 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 I wanted to include some visual callbacks to previous decades.
Initial Design
I created 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.
Final Design
I styled the wireframes using my components and new brand colors. I also included some textures from Adobe Stock and manipulated them in Photoshop.
Figma Prototype