Week6 Responsive Design

Assignment: Choose 1 topic of your interest and design a desktop and mobile layout.

Coffee Website

For this week’s assignment, I designed a coffeee tutorial intro page. The information includes:

• Website Logo: GoodCoffee.inc
• Navigation: Recipe, Tutorial, Store, About
• Title: How to Make Pour-Over Coffee
• Introduction
• Features: time, difficulty, format, etc.
• Start Button

The biggest two different between the desktop and the mobile are:

• The desktop has all page navigations showed while the mobile fold all of them into a hamburger icon.
• The desktop shows all features while the mobile only show some and scroll to see all.

Coffee Photo by Nathan Dumlao on Unsplash