Frankie's Body Shop

UI Designer and Front End Developer, Contract

Homepage of website with photo of gym with logo and marketing text.

Homepage

Frankie's is a small gym located in Knoxville, TN. I was asked to be the UI designer and front end developer for their new website.

After collaborating with the gym owner and trainers, I established the design system, branding guide, prototyped the entire website, and coded it using Bootstrap. I also assisted the back end developer with testing and problem solving.

Three column gallery of trainers with name, title, and button to view profile page.

Trainer Gallery

After receiving a packet of information from each trainer, I established the information architecture, created design ideations, and coded repeatable grid blocks that easily allows the addition and removal of trainers.

Contact options showing map, contact form, phone number, email, and hours of operation.

Contact Page

The contact page provides a lot of information in a clear, easy to find design complete with an embedded Google Maps for directions and contact form. I prototyped this page and coded the HTML/CSS including the map and form. The page was then passed off to the back end developer to make the form functional.