Case Study Justin Beahm’s Website Redesign

February 22, 2020

Justin Beahm had three different web sites these sites included: his personal site; his production company, Reverend Entertainment; and his podcast, Justin Beahm Radio Hour. When it came time to redesign his personal page we decided to merge all three of his sites into one. Each of the site’s URL points to its page of the site. justinbeahm.com would be the home page location for all of the sites as it’s the nucleus for all the sites and projects. When he posted an item to the site that would involve more than one of the entities then he is able to set that post to show in the other properties as well. In the old system it would involve coping and pasting to the various sites, if there was a change he would have to duplicate that change throughout; thus, saving time with the posts. Time is also saved by not having to maintain the backend of three different websites.

Each of the three sites have a constant feel through all with a slightly different design to help distinguish each property as its own but also still part of each other. The majority of the visitors that are coming to the site were viewing on a mobile device. Due to the larger number of mobile viewers we did the design using a minimalist style. To do the design we first designed it for the mobile look then created the desktop view. I’ve added a few animation elements to the site to help bring some action to the site. Since Justin is in the movie business having some kind of action and movement through the site helps to convey this feeling.

Related Articles

Website Contact form using AWS

Website Contact form using AWS

For the next iteration of the HTML form was to set it up to send an email to the web owner using AWS. The purpose behind this is, if you have a HTML site and don’t want to purchase a monthly plan or build and maintain server software. Using AWS for this functionality...

read more
HTML with JavaScript contact form

HTML with JavaScript contact form

Link to the form: https://www.lynnamacher.com/pdf/contactForm_V1.html This is created to be basic test for an AWS contact form test. The full form when filled out will send an email through AWS to the site owner. Instead of creating the normal test form I try to...

read more
Save Illustrator for SVG to use in HTML page

Save Illustrator for SVG to use in HTML page

When working with the AWS contact form, I had created a graphic in Illustrator. You can see the post here. With this test form I wanted to have everything in one HTML file this way it’s just one file to upload and update when needed without making sure the other files...

read more

Pin It on Pinterest

Share This