Donut Studio website

Donut Studio

Visually led landing page built around Bootstrap and SASS.

In an attempt to get comfortable with CSS frameworks, I designed and coded a simple landing page for a fictional Donut shop. I worked in the way I always do — I made rough sketches on paper and then built on this with more fidelity in Sketch. By keeping the logo super simple and a muted colour palette, it favors the vibrant images to pop creating a balanced harmony with the overall design.

Donut Studio Wireframe

Development

I coded this landing page using Bootstrap, CSSGrid, jQuery and SASS.

donut studio screenshotdonut studio screenshot