CharliMarieTV | How I built this video series website in Webflow @charlimarieTV | Uploaded May 2021 | Updated October 2024, 9 hours ago.
Going through the final Creator Sessions website I built on Webflow! Talking over how I added interactions, animations and used CMS for build features.
🚀 CharliMarieTV is now powered by Figma! bit.ly/figma-charli
Figma is a design tool that helps teams create, test, and ship better designs from start to finish. And it's free! :)
Try Webflow for yourself (for free) with my affiliate link: charlimarie.com/try-webflow
TIMESTAMPS:
00:00 What I'm showing you today
00:26 Let's get into it - a quick overview
02:00 CMS fields
04:29 Homepage features
11:08 All sessions page
18:29 Schedule page
20:40 Wrap up
Carousel tutorial: youtube.com/watch?v=AG_REG9p61E
Filtering tutorial: webflow.com/blog/dynamic-filtering-and-sorting
-----------------------------------------------
// ENJOY MY VIDEOS?
My videos don't have pre-roll ads because ads are annoying and I don't want you to have to sit through them. If you want to support me and my channel the best thing you can do is join my Patreon!
You'll get extra content and ways to learn, like behind-the-scenes process info, downloadable assets and a patron-only podcast! Sign up here: patreon.com/charlimarie
-----------------------------------------------
// ABOUT ME
Hello there! I'm Charli and I'm a half-British, half-kiwi web and graphic designer currently living in Valencia and posting design videos about tools, projects, and concepts as well as vlogs of my life as a designer. Please subscribe and say hi in the comments so we can be friends :)
-----------------------------------------------
// MORE
Buy my font: http://charlimarie.store
My site & blog: charlimarie.com
Design Life podcast: http://designlife.fm
Inside Marketing Design podcast: insidemarketingdesign.co
// SOCIAL
Twitter: twitter.com/charliprangley
Instagram: instagram.com/charliprangley
Facebook: facebook.com/charlimarieTV
Twitch: twitch.tv/charlimarietv
-----------------------------------------------
// MUSIC & TECH
Music from Epidemic Sound. If you want to try it out, sign up using my link! charlimarie.com/epidemicsound
Intro & end card animation by hand lettering animator Austin Saylor: austinsaylor.com
Editing by Nancy Palm nancypalm.com
Going through the final Creator Sessions website I built on Webflow! Talking over how I added interactions, animations and used CMS for build features.
🚀 CharliMarieTV is now powered by Figma! bit.ly/figma-charli
Figma is a design tool that helps teams create, test, and ship better designs from start to finish. And it's free! :)
Try Webflow for yourself (for free) with my affiliate link: charlimarie.com/try-webflow
TIMESTAMPS:
00:00 What I'm showing you today
00:26 Let's get into it - a quick overview
02:00 CMS fields
04:29 Homepage features
11:08 All sessions page
18:29 Schedule page
20:40 Wrap up
Carousel tutorial: youtube.com/watch?v=AG_REG9p61E
Filtering tutorial: webflow.com/blog/dynamic-filtering-and-sorting
-----------------------------------------------
// ENJOY MY VIDEOS?
My videos don't have pre-roll ads because ads are annoying and I don't want you to have to sit through them. If you want to support me and my channel the best thing you can do is join my Patreon!
You'll get extra content and ways to learn, like behind-the-scenes process info, downloadable assets and a patron-only podcast! Sign up here: patreon.com/charlimarie
-----------------------------------------------
// ABOUT ME
Hello there! I'm Charli and I'm a half-British, half-kiwi web and graphic designer currently living in Valencia and posting design videos about tools, projects, and concepts as well as vlogs of my life as a designer. Please subscribe and say hi in the comments so we can be friends :)
-----------------------------------------------
// MORE
Buy my font: http://charlimarie.store
My site & blog: charlimarie.com
Design Life podcast: http://designlife.fm
Inside Marketing Design podcast: insidemarketingdesign.co
// SOCIAL
Twitter: twitter.com/charliprangley
Instagram: instagram.com/charliprangley
Facebook: facebook.com/charlimarieTV
Twitch: twitch.tv/charlimarietv
-----------------------------------------------
// MUSIC & TECH
Music from Epidemic Sound. If you want to try it out, sign up using my link! charlimarie.com/epidemicsound
Intro & end card animation by hand lettering animator Austin Saylor: austinsaylor.com
Editing by Nancy Palm nancypalm.com
![Full-time design content creator for a day [vlog]](https://i.ytimg.com/vi/yurqKt9K5o8/hqdefault.jpg "Full-time design content creator for a day [vlog]
My job today is to simply ✨CREATE✨. ConvertKit have introduced a new initiative where every so often EVERYONE on the team gets to spend the day off of usual work, and solely work on creative projects. Taking you with me as I spend a day on my own business editing, filming, doing content admin, design bits, and writing my book!
🚀 CharliMarieTV is powered by Figma! https://charli.link/figma
Figma is a design tool that helps teams create, test, and ship better designs from start to finish. And its free! :)
Sign up to my newsletter to keep up to date with my book progress!:
https://charlimarie.com/newsletter
TIMESTAMPS:
00:00 CREATE DAY! 🎉
02:37 Writing, writing, writing
03:50 Gathering video assets
05:30 Livestreaming
07:18 Reviewing my to do list for the day
Please remember to click subscribe if youd like to see more of my videos.
// WANT TO SUPPORT MY CHANNEL?
Become a ✨channel member✨ and get a cool icon next to your name in livestream chats, plus priority replies to your comments. Just click Join (its next to the subscribe button)
Or, if you like, you can put something in my tip jar right here: https://pages.charlimarie.com/products/tips
Sharing my videos or recommending my channel to a design friend is also very much appreciated! :)
// ABOUT ME
Im Charli and Im designer from New Zealand currently living in Valencia, Spain. I’m the Creative Director at a remote tech company called ConvertKit and I post videos about the design projects I work on and the tools I use, as well as vlogs of my life as a designer. I regularly livestream what Im working on in Coworking Club streams. Welcome to the channel! Please subscribe and say hi in the comments, and maybe well see you in the live chat on the next stream.
💬 Twitter: https://twitter.com/charliprangley
📷 Instagram: http://instagram.com/charliprangley
// MORE
Join my free weekly marketing design newsletter: https://charli.link/newsletter
Buy my hand written font, Grayscale: https://charlimarie.com/font
Book a mentoring session with me: https://charli.link/mentoring
My site & blog: https://charlimarie.com
Design Life podcast: https://designlife.fm
Inside Marketing Design podcast: https://insidemarketingdesign.co/
// TECH & TOOLS
📹 Get links to all the tech hardware I use to make my videos (and the art on my gallery wall!) right here: https://charlimarie.com/shopmyoffice
💻 Software I use:
Webflow (no-code website builder)*: https://charli.link/webflow
Premiere Pro (video editing)*: https://charli.link/premierepro
Adobe Audition (audio recording)*: https://charli.link/audition
After Effects (intro animation)*: https://charli.link/aftereffects
Figma (web design): https://charli.link/figma
Photoshop (thumbnails)*: https://charli.link/photoshop
ConvertKit (marketing platform): https://charli.link/try-convertkit
Riverside (podcast interview recording)*: https://charli.link/riverside
Music in this video from Epidemic Sound*: https://charli.link/epidemicsound
Video captions by Rev (very cost effective service! I recommend)*: https://charli.link/videocaptions
Intro & end card animation by Austin Saylor: http://www.austinsaylor.com/
Editing by Belén Albiol https://www.instagram.com/molen.audiovisual (or sometimes by me!)
Links marked with a * are affiliate links. I cant believe you read the whole description box! You get a ⭐️")
![Create a style guide with me [Coworking Club stream]](https://i.ytimg.com/vi/zgWZX011VaM/hqdefault.jpg "Create a style guide with me [Coworking Club stream]
Putting a definitive style guide in place for the ConvertKit brand! Come work alongside me
🚀 CharliMarieTV is now powered by Figma! https://bit.ly/figma-charli
Figma is a design tool that helps teams create, test, and ship better designs from start to finish. And its free! :)
Please remember to click subscribe if youd like to see more of my videos.
// WANT TO SUPPORT MY CHANNEL?
My videos dont have pre-roll ads because ads are annoying and I dont want you to have to sit through them. If you want to support me and my channel you can put something in my tip jar right here: https://pages.charlimarie.com/products/tips
And if you want to leave me a tip on a regular monthly basis, then you could join as a channel member! Just click Join (its next to the subscribe button)
Any amount is appreciated! As is sharing my videos or recommending my channel to a design friend :)
// ABOUT ME
Hello there! Im Charli and Im a half-British, half-kiwi web and graphic designer currently living in Valencia and posting design videos about tools, projects, and concepts as well as vlogs of my life as a designer. Please subscribe and say hi in the comments so we can be friends :)
// MORE
Buy my font: http://charlimarie.store
My site & blog: https://charlimarie.com
Design Life podcast: http://designlife.fm
Inside Marketing Design podcast: https://insidemarketingdesign.co
// SOCIAL
Twitter: https://twitter.com/charliprangley
Instagram: http://instagram.com/charliprangley
Facebook: http://www.facebook.com/charlimarieTV
Twitch: https://www.twitch.tv/charlimarietv
// MUSIC & TECH
Music from Epidemic Sound. If you want to try it out, sign up using my link! http://charlimarie.com/epidemicsound")
