RESPONSIVE WEBSITE REDESIGN
A UX collaboration with web developers
PROJECT SCOPE
Opportunity: We chose a restaurant we love with a website that needed UX improvements—it didn’t reflect the brand well and was hard to navigate. This project allowed UX Designers and Web Developers to collaborate closely throughout the entire design process.
Goal: Redesign the restaurant website to better represent the brand while improving usability, accessibility, and overall user experience, ensuring a visually engaging and intuitive experience for all visitors.
WHAT MADE THIS SO EXCITING…
We didn’t just do our usual user research, design, then handoff to the developers, this time, the developers we a part of our team and we all got to work together and learn from each other. I watched the faces of the developers on my team light up as we explained the UX Process and the need for user research. “That makes so much sense. I wish we did that for our projects.” They explained to us that they were always just concerned with building games and apps and sites in a way that made sense to them, the builder, not the user. They would get frustrated when other people would test out what they built and have a tough time using it. We learned a lot from them as well as far as where files are store, how back-end works ( somewhat), what features are more difficult or time consuming to build. Previously, this was all just a guessing game to us.
Feature Prioritization Matrix- Developers’ point of view!
FEATURE PRIORITIZATION
To decide which features to focus on from the Design Studio, we used a Feature Prioritization Matrix. Instead of guessing effort levels, our developers provided accurate input, ensuring realistic planning. Watching them map each feature into the matrix was surprisingly exciting—and insightful!
MOSCOW MATRIX
Minimum Viable Product
Catering
Location
Menu: create your own mac
Login/Account
Dynamic menu
“Our Story”
CONTEXTUAL INQUIRY
We visited S’Mac and loved the casual, inviting atmosphere and easy, hi-tech ordering. The meal was fun and delicious—all S’Mac needed now was a website that reflects this experience.
ANNOTATED HI-FI WIREFRAMES
