Bishop Acroyoga Responsive UI

I designed a responsive desktop web/mobile visual design (and accompanying logo) as a personal project, for a fictitious studio called Bishop Acroyoga.

I started off with a handful of Adobe XD wireframes for what I imagined the desktop web and mobile UI to look like—specifically, the desktop/mobile landing page, the mobile sidebar, and the mobile registration page. I included instructions for front-end implementation (e.g., “pixel-perfect” dimensions).

From there, I created all of the aesthetics for a proper mockup: I paid carefully attention to selecting the color palette and fonts, edited a stock image, designed the buttons, and implemented the logo (the latter of which I’d previously created, and is what inspired me to design the website).

As an acroyoga enthusiast, I put a lot of heart into this one, and I’m pleased with the results.