← Back to home
UX design · Academic · XD 370

XD 370 – Web Design Work

Responsive web and mobile design from Bentley’s XD 370 course – from static mockups to live, multi-device experiences.

This is the final version of the Oak Hill Pizza ordering flows submitted for the project. The full case study includes earlier iterations, wireframes, and the complete design process.

Context

  • Bentley XD 370 Web Design: responsive sites in HTML, CSS, JavaScript
  • Oak Hill Pizza as client-style source material

What I shipped

  • Responsive landing page (mobile-first, CSS Grid/Flexbox)
  • Multi-page site for a cause (clear nav, accessible type and color)
  • Design system starter (tokens + components)
  • Ordering flows: wireframes and high-fidelity across phone, tablet, desktop; sketching, original-system reference, visual system

Outcome

  • This portfolio’s structure, grids, and typography build on XD 370 practice

Want to see every iteration, wireframes, and the full project set?

Explore the full XD 370 case study →