{"id":2611,"date":"2021-02-24T02:21:02","date_gmt":"2021-02-24T02:21:02","guid":{"rendered":"http:\/\/www.fmidnight.com\/design\/?page_id=2611"},"modified":"2024-04-23T06:16:50","modified_gmt":"2024-04-23T06:16:50","slug":"gradys-80s","status":"publish","type":"page","link":"https:\/\/www.fmidnight.com\/design\/gradys-80s\/","title":{"rendered":"Grady’s 80s"},"content":{"rendered":"\n

Case Study<\/h2>\n\n\n\n

NA<\/a><\/h3>\n\n\n\n
\"\"<\/figure>
\n

Grady’s 80s, Listen Live<\/p>\n\n\n\n

Grady’s 80s is the website of local radio celebrity Grady Butler, and the home of the Grady’s 80s radio show on 100.9FM K101. The website features the interviews, photos, shows, and ways to connect with Grady Butler, as well as a display of personal posts he wishes to make.<\/p>\n<\/div><\/div>\n\n\n\n

Client\/Audience<\/h4>\n\n\n\n

Grady Butler from Cherry Creek Media commissioned me to make this site to promote and advertise the things he has done including interviews, photographs, and displays. He also wanted an 80s themed site that would connect to his radio show on K101.<\/p>\n\n\n\n

\n

Challenge<\/p>\n\n\n\n

Style and personality was the main challenge of this site. I had to combine the client’s personal taste in design to a universally recognizable 80s theme.<\/p>\n<\/div>

\"\"<\/figure><\/div>\n\n\n\n
\n\n\n\n

Solution<\/h4>\n\n\n\n

I designed a logo and website design to fit into both the personal style of the client and the universally recognizable 80s style. I used color and imagery to display the flashy retro text, neon signs, and slightly over-the-top animations. I used the imagery of a record in its sleeve to associate the logo with the 80s theme. <\/p>\n\n\n\n

\"\"<\/figure>
\n

Results<\/p>\n\n\n\n

The client very much liked the site. He specifically asked for a top header, and loved the glowing animation for the navbar. <\/p>\n\n\n\n

Typography<\/h6>\n\n\n\n

I used the well trusted Arial font for the site body and headers. For the navbar, I italicized the type to assume a more futuristic\/retro feel. <\/p>\n\n\n\n

Animation<\/h6>\n\n\n\n

I added a neon glow to the logo and a transition animation to links in the navbar and in text. Both served to convey a retro-futuristic feel that would align with the 80s. <\/p>\n\n\n\n

Color Scheme:<\/h6>\n\n\n\n
Header<\/td>black<\/td>#000000<\/td><\/tr>
Accent<\/td>magenta<\/td>#e066ff<\/td><\/tr>
Body<\/td>black and gray<\/td>image<\/td><\/tr>
Post Bkgd<\/td>purple<\/td>image<\/td><\/tr>
Header Text<\/td>magenta<\/td>#e066ff<\/td><\/tr>
Text<\/td>white<\/td>#ffffff<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

<\/p>\n<\/div><\/div>\n\n\n\n
\n\n\n\n

Screenshots<\/h2>\n\n\n\n
\n\t
<\/div>\n\t
<\/div>\n\t
<\/div>\n\t
<\/div><\/div>