Workshops

Episode #

88

—

July 18, 2017

Rebuilding BukketApp's homepage in Webflow

BukketApp is an all-in-one screen capture and recording app by Michael Wong (co-creator of The Designership) and Phillipe Hong. The homepage design for this app is very playful and something that would easily be recreated in Webflow.

In this workshop we'll focus on interactions and mobile responsiveness.

----------

Visit bukketapp.com

Michael Wong's Twitter Profile

Discuss this episode

Clone this project

Timestamps

00:02:50 - Visual breakdown

00:05:05 - Starting the rebuild

00:12:23 - Adding the hero row content

00:20:50 - Embedding the YouTube video into the hero row

00:30:26 - Creating the product features content using flexbox

00:44:57 - Adding a form block and styling form fields

00:54:41 - Building out the footer section

01:00:48 - Site reviews and Q&A

01:13:36 - Editing the design to be mobile responsive across 4 breakpoints

01:25:47 - Adding interactions to the page

01:43:41 - Site reviews and Q&A

Past Workshops

How Webflow onboards new users

Chloe Qi

The brand design process at Webflow with Ryan Morrison and JP Teixeira

Webflow Ecommerce: new features, and what's ahead

Building responsive footers with CSS grid

Live Q&A with Vlad, CEO of Webflow (End of 2018)

Vlad Magdalin

Creating a split page layout in Webflow

A sneak peek at Grid in Webflow

Linda Pham

Creating full screen menus in Webflow

View All Past Workshops