ColoredCow / ColoredCow/Design-Vertical
Design Assignment 3 - Responsive Design
- 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.