It’s been a long time since I posted updates on the podcasting sites! Since my last screenshots I have refined the overall styling and applied my CSS for 15 Minute History to all of our podcast sites. Here are some shots of the most current versions –
I initially used clip-path property to round the speaker images but it was not compatible with Firefox, Safari or IE. I corrected the issue by using border-radius to create the circular images and it gives off the same effect! I also added a drop shadow to the cards because the flat design wasn’t looking very finished. Overall the light grey content area, colored headers and increased title text size added a lot more interest to the site. I plan to update the default audio player and leave only a large play/pause button similar to the styling on This American Life (https://www.thisamericanlife.org/).
Another big change I’ve made is adding a color palette for client’s to choose from that corresponds to their branding. To select these colors I looked at UT’s brand guidelines and worked with Suloni to choose shades with high enough contrast to my white title text.
For the muted colors I found inspiration from the Pinterest loading cards. (I’ll add this image later). I chose corresponding link shades for all color options available.
A challenge in applying my 15 Minute History styling to the other pages was how it affected the American Ingredient site. This site features a global search function separate from our Episode and Guest search pages. I’m still not confident on this placement of this sidebar but all content on the site is behaving responsively at last!
Stacy and I met with the podcasting client last Friday to gain feedback on our progress and design so far. The client was pleased with the responsiveness and search features as well as the uniformity. He did request a LAITS podcast homepage be created that features logos from each podcast that link to their respective sites. This design as well as what’s included in the footer will be decided once the individual sites are completed. This has been such a good experience to get back into coding and learning how to customize a WordPress theme!