OP-1 Product Page

Web Development Project (HTML/CSS)

OP-1 Synthesizer Product Page Screenshot


This webpage is a landing page for the OP-1 synthesizer by Teenage Engineering that I designed and built in early 2017 to brush up on my HTML/CSS skills. Project repo here. Project requirements here.

For this project, I was focused on creating a clean design that showed off the device, with calls to action to encourage checkout. Because of this, I pulled a lot of the copy for the page from the Guitar Center and Sweetwater websites.

Yes, that is a real quote from Elijah Wood.

I used Figma to design the product page before I built it in HTML/CSS. You can see the original design file below!

Spencer James, Product Designer - Silicon Valley, CA

Email | LinkedIn | Github | Twitter

©SLJ forever