college · Web Design course
Waco Sandwich Shop was a Web Design course project: a food-focused website that's responsive, accessible and easy to order from.
From research and wireframes to final design and prototype, every choice was made for real customers on real devices.
- type
- College web design project
- course
- Web Design
- focus
- Responsive & accessible
- design
- Wireframes to prototype
- audience
- Hungry people on phones
- i did
- Research, design, prototype
now I'm hungry
Mobiletouch-friendly design
A11ybuilt for every ability
Protoclickable prototype
Brandfood-first visuals
What I did
01 · research
Know the customer
- Competitor review
- User goals and menus
- Content planning
- Wireframes
02 · responsive
Every screen
- Layouts that adapt
- Touch-friendly buttons
- Readable menus on phones
- Fast-loading images
03 · accessible
Everyone welcome
- Strong color contrast
- Alt text on images
- Keyboard-friendly navigation
- Clear, simple language
How it came together
- 01ResearchCustomers and menus
- 02WireframeStructure
- 03DesignVisual style
- 04PrototypeClickable flow
- 05ReviewAccessibility checks
what I learned
- Accessibility is good design.
- Menus must work on phones.
- Prototype before you build.
Want results like this?
I'm open to full-time and contract roles in web development, design and marketing.