All Articles

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.

image.png

Coffee Photo by Nathan Dumlao on Unsplash