
Sign up to save your podcasts
Or


We rebuilt the entire website
https://season-3.thisweekwith.co.uk
Moved from Divi to Oxygen
Reasons for the rebuild:
We didn’t know how long we would be doing This Week With, so didn’t really plan for the future
Being able to search for content was impossible
The design was a pre-designed template
Decided to build a custom design
Looked on Pinterest and Dribbble for inspiration
Mocked it up on Figma as a collaborative process
Created three-page designs – home page, archive page (all episodes) and the individual page (single episode)
Built with Oxygen Builder
Convert all data from old site to new site:
Change all episode names to new format S2E38
Changed all show notes from a list to paragraphs
Converted all m4a audio episodes to mp3 format for the new site audio player
Link up all the new audio files to the correct episode
Changed every episode image to show the season, as well as the youtube episode thumbnail images
Then went through and linked up all the new graphics everywhere
Edited all youtube videos by removing the countdown timer
Updated the image of Gordon everywhere, so the cut out was much better
New techniques and skills learnt
Now you can:
Search for content, filter episodes by length, season or date using Ajax (immediate updates without reloading the page)
You can then sort by Latest, Oldest, Longest and Shortest episodes
Tooltips show you what an icon is for
Easter eggs (hidden surprises) in the website (watch episode for full details)
Compare with the old website: Home Page – All Episodes – Individual Episode
Drayson Design Website – https://www.draysondesign.com
Facebook: https://www.thisweekwith.co.uk/facebook
By Taylor and Gordon DraysonWe rebuilt the entire website
https://season-3.thisweekwith.co.uk
Moved from Divi to Oxygen
Reasons for the rebuild:
We didn’t know how long we would be doing This Week With, so didn’t really plan for the future
Being able to search for content was impossible
The design was a pre-designed template
Decided to build a custom design
Looked on Pinterest and Dribbble for inspiration
Mocked it up on Figma as a collaborative process
Created three-page designs – home page, archive page (all episodes) and the individual page (single episode)
Built with Oxygen Builder
Convert all data from old site to new site:
Change all episode names to new format S2E38
Changed all show notes from a list to paragraphs
Converted all m4a audio episodes to mp3 format for the new site audio player
Link up all the new audio files to the correct episode
Changed every episode image to show the season, as well as the youtube episode thumbnail images
Then went through and linked up all the new graphics everywhere
Edited all youtube videos by removing the countdown timer
Updated the image of Gordon everywhere, so the cut out was much better
New techniques and skills learnt
Now you can:
Search for content, filter episodes by length, season or date using Ajax (immediate updates without reloading the page)
You can then sort by Latest, Oldest, Longest and Shortest episodes
Tooltips show you what an icon is for
Easter eggs (hidden surprises) in the website (watch episode for full details)
Compare with the old website: Home Page – All Episodes – Individual Episode
Drayson Design Website – https://www.draysondesign.com
Facebook: https://www.thisweekwith.co.uk/facebook