'%3e%3cpath%20d='M53.3024%2064.39C56.7831%2064.39%2059.6047%2061.6164%2059.6047%2058.195C59.6047%2054.7736%2056.7831%2052%2053.3024%2052C49.8217%2052%2047%2054.7736%2047%2058.195C47%2061.6164%2049.8217%2064.39%2053.3024%2064.39Z'%20fill='%23212121'/%3e%3cpath%20d='M41.3104%2064.6626H21.9708L0%200.00244141H19.3396L31.7063%2036.3415L43.9415%200.00244141L53.5456%2028.3241L41.3104%2064.6626Z'%20fill='%23444444'/%3e%3cpath%20d='M65.6857%2064.6627H85.0253L106.996%200.00256348H87.6565L75.2898%2036.3417L63.0546%200.00256348L53.4505%2028.3243L65.6857%2064.6627Z'%20fill='%23444444'/%3e%3cpath%20d='M41.3103%2064.6627H21.9707L31.7063%2036.3417L43.9415%200.00256348H63.1496L75.3848%2036.3417L85.1204%2064.6627H65.7807L53.5455%2028.3243L41.3103%2064.6627Z'%20fill='%23212121'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_692_392'%3e%3crect%20width='107'%20height='65'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
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.
4
Weeks
5+
Screens
100%
Responsive
TOOLS
RESPONSIVE DESIGN
I worked closely with the client to translate their creative vision into a fully functional web experience.
- 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.
