Maria designed a sleek and chill brand for Ashley’s coaching business and then created an excellent website design to match. My Process began as soon as Maria delivered the final wireframe to me, and I got to work developing it inside of Showit. My signature service Showit Development Done for You, allows designers like Maria to wireframe the desktop version of their site, and I handle all the rest.
Here are some of my favorite parts of this Showit Website Development Project
Ashley’s Favorite Thing’s canvas was a cool interactive element to her site. Some designers get frustrated with the tedious setup these canvases require, but I enjoy building them out. The desktop version shows all the images, and when clicked, they open to reveal more about Ashley, but I created an entirely new canvas that acts more like a slider for the mobile version.
One of the many perks of working with Maiden Gone Rogue is playing with the fun branding elements she creates. The elements used throughout the site add an extra layer of interest to the overall design. The way the clouds fade into the mobile menu from the sky blue canvas might be my favorite use. Menus are one of my all-time favorite canvases to create, and this development project was no exception.
Unlike Menus, the footer can be a bit of a wild card in terms of what to expect. A footer can be successful with very little or more navigation options than anywhere else on the site. For user experience, I typically like to include at least the main site pages. In Ashley’s website footer, I kept things clean with simple stacked navigation on the left and included one of her beautiful submarks to the right. It works together quite well and still leaves space for the legal pages and site credits without feeling crowded.
The Frames were a little bit tricky. Masking a photo with a shape is no big deal inside of Adobe XD where the wireframe is created, but it’s not an option inside of Showit. We needed to make the custom frames their own PNGs and then upload them inside the media library to achieve the same effect. So really, the photos and frames are two separate images carefully layered on top of each other. Ultimately the custom look is definitely worth the extra few steps of prep work.
I’m proud of how this project turned out!
If you want to check out more of Maiden Gone Rogue’s Work, you can find it online at www.maidengonerogue.com or on Instagram @maidengonerogueTo view Ashley’s entire site visit https://theashleymielke.com
Want to learn more about my Development Done for You Process? Check out the details HERE
January 2, 2022