ColoredCow / ColoredCow/Design-Vertical

Design Assignment 3 - Responsive Design

Open
#3 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

## 📱 Task 3: Responsive Design Exploration
### Explore how your redesigned page adapts across key breakpoints.

---

## 🎯 Objective
We want to understand how you think about **responsiveness, adaptability, constraints, and user behavior** across devices — especially in the context of US-based food-tech ecommerce where mobile traffic is dominant.

Your redesign from Task 2 demonstrates structure and flow.
This task shows how you translate that structure across screen sizes.

There is no single correct approach — we want to see your reasoning.

---

## 🧩 What You Should Do (Open-Ended)
Using your redesign concept from Task 2, explore how the page adapts to:

- **Mobile (primary)**
- **Tablet (optional)**
- **Desktop**

Choose how you want to approach responsiveness.
Some designers may focus on:

- content prioritization
- reflow of key sections
- responsive grids
- mobile-first reorganizing
- how meal cards adapt
- how navigation collapses
- CTA visibility
- readability and spacing
- scroll behavior
- dealing with density differences
- gesture vs. click expectations

Others may approach it as:
- sketches
- mobile wireframes
- partial components
- annotated layouts
- breakpoints for specific modules
- examples from US food-tech brands

You decide the depth.

---

## 🎨 Output
Share your responsive thinking in any format:

- mobile wireframes
- side-by-side breakpoint layouts
- annotated screenshots
- a single Figma frame with variations
- rough sketches
- or a simple written rationale with diagrams

We're evaluating **thoughtfulness**, not pixel-perfection.

---

## 🧠 What We’re Evaluating
- how you prioritize content for smaller screens
- how you adapt layout and flow
- how you retain clarity and usability across breakpoints
- how you re-interpret your design under constraints
- how well patterns map to real food-tech ecommerce behaviors
- how you balance consistency with device-specific needs

---

## 📬 Submission
Add your responsive explorations to the same candidate folder.

A Figma link or screenshots is perfectly fine.

---

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.