CASE STUDY
PROJECT
OVERVIEW
Granite Shoals Supermarket. Website developed entirely from scratch in 2021. This project stands out due to its highly personalized visual approach and a unique, peculiar design explicitly requested by the client, successfully balancing a distinct aesthetic with commercial utility and seamless user navigation.
PROBLEM
STATEMENT
The client wanted to steer clear of generic retail templates to project a highly specific and unconventional brand identity. The primary challenge was bringing this non-traditional design to life without compromising the end-user experience, loading speeds, or mobile responsiveness. Furthermore, the client needed a technical solution that allowed the supermarket staff to update daily deals, hours, and store information easily and autonomously.
THE
SOLUTION
- Design Phase: I designed the custom UX/UI in Adobe XD, structuring the peculiar layout precisely to match the client's guidelines.
- Layout & Styling: I hand-coded the design using HTML, CSS, JavaScript, and Bootstrap, ensuring that the unique interface elements rendered beautifully and responsively across all devices.
- WordPress Development: I integrated the custom frontend into WordPress using Elementor Builder. This approach gave the client the best of both worlds: a 100% tailored, bespoke layout on the frontend and an easy-to-use visual editor on the backend for effortless, daily content updates.
MY
ROLE
- UX/UI Design in Adobe XD.
- Custom Frontend Layout & Styling (HTML, CSS, JavaScript, Bootstrap).
- WordPress Integration & Development.
- Elementor Builder Configuration for easy client content management.
- Creative Consulting & Collaboration to translate specific aesthetic requests into a functional website.
Tools
