Bangin Buns is a Nashville-style-hot fried chicken restaurant chain. They are based out of LA and are expanding into their third store this year (2021).
DESIGN INFO:
Designed using Sketch, WordPress, and Elementor Pro.
TIMELINE:
2 months.
Redesign Goals
MINIMALIST, EASY OF USE, EASY TO PLACE ONLINE ORDERS.
Bangin Buns’ Head of marketing reached out to me to redesign their website. They were looking for something more modern/minimalist, clean, and easier to use. I worked as the designer on this build. I was fortunate enough to be given a lot of creative freedom.
ORIGINAL WEBSITE
The first thing I noticed on the site was that the User Experience guided you nowhere. This video is from the menu page. (I forgot to take more photos and record more pages before I changed the site over. Rookie mistake.). The menu page was hard to navigate and took too much time to get through. Along with the design, it felt like it didn’t have any personality.
PRELIMINARY RESEARCH, SITE MAP, & SKETCHES
Their original main site map included: home, menu, order delivery, order pickup, hiring, contact, and become a VIP.
I looked at a couple of different restaurant chains to get an idea of the industry standard for users coming to the page.
NOTES:
Simplify the site map, hiring in the footer, order now (both kinds) condensed to a button, and find a location near you.
Hero images, Personality. Quality Images of the food. Menu/Order now is easy/quick to get to.
After researching I tried to implement all those within the user flow/website design/site map. An emphasis on images, getting users to the menu, and not getting too cluttered.
BRANDING
Bangin Buns already had branding (a color scheme and logo). However, there was little use of typography. I chose to add a san-serif-bold font to bring more personality to the site, (nothing says BANGIN like big thick lettering) and an easy-to-read body font. As for color, I focused on red for more emphasis.
WIREFRAMES
FINISHED SITE
After finishing up the page designs the marketing manager and I went through the sites and edited them further.
NOTES:
No outbound links to other delivery services, they wanted to keep the whole interaction with the customer on their site.
They would be handling the ordering through a separate 3rd party website so all they wanted was the menu on the site for the food.
Because of this we changed the order now function to point to the locations page. They then could order which restaurant to pick up from. This would lead them to that ordering page through Toast.
I also added a little teaser for the new location coming.
Please also note that I haven’t worked on this website since 2021 so any changes were not done by me.