Designing a landing page for ad traffic [work vlog + show & tell]

Рет қаралды 3,910

Күн бұрын

ConvertKit has a new email editor and I need to design a page to promote it! But instead of just designing, building and shipping a SINGLE landing page for this, I'm taking this opportunity to start building a design system for future campaigns! Taking you through my thoughts, process, and the final product 👩‍💻
🚀 CharliMarieTV is powered by Figma! charli.link/figma
Figma is a design tool that helps teams create, test, and ship better designs from start to finish. And it's free! :)
TIMESTAMPS:
00:00 Here's the story ☕
01:08 The brief 📝
03:29 Wireframe progress 📊
05:55 Two weeks later ⌛
06:30 The finished product 🌟
Team retreat vlog: • I went on a team retre...
Creating a design system: • Creating a design syst...
Brand guidelines video: • Creating brand guideli...
Please remember to click subscribe if you'd 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' (it's next to the subscribe button)
Or, if you like, you can put something in my tip jar right here: pages.charlimarie.com/product...
Sharing my videos or recommending my channel to a design friend is also very much appreciated! :)
--------------------------------
// ABOUT ME
I'm Charli and I'm 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 I'm working on in Coworking Club streams. Welcome to the channel! Please subscribe and say hi in the comments, and maybe we'll see you in the live chat on the next stream.
💬 Twitter: / charliprangley
📷 Instagram: / charliprangley
--------------------------------
// MORE
Join my free weekly marketing design newsletter: charli.link/newsletter
Buy my hand written font, Grayscale: charlimarie.com/font
Book a mentoring session with me: charli.link/mentoring
My site & blog: charlimarie.com
Design Life podcast: designlife.fm
Inside Marketing Design podcast: 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: charlimarie.com/shopmyoffice
💻 Software I use:
Webflow (no-code website builder)*: charli.link/webflow
Premiere Pro (video editing)*: charli.link/premierepro
Adobe Audition (audio recording)*: charli.link/audition
After Effects (intro animation)*: charli.link/aftereffects
Figma (web design): charli.link/figma
Photoshop (thumbnails)*: charli.link/photoshop
ConvertKit (marketing platform): charli.link/try-convertkit
Riverside (podcast interview recording)*: charli.link/riverside
Music in this video from Epidemic Sound*: charli.link/epidemicsound
Video captions by Rev (very cost effective service! I recommend)*: charli.link/videocaptions
Intro & end card animation by Austin Saylor: www.austinsaylor.com/
Editing by me!
Links marked with a * are affiliate links. I can't believe you read the whole description box! You get a ⭐️

Пікірлер: 19

@dotterel Жыл бұрын

Easily my favourite video yet Charli and I've been following for alteast 2 years now. Superb!!!!

@charlimarieTV Жыл бұрын

omg this makes me so happy!! thank you so much for sharing this. I've been unsure about how this new style of video is coming across, so it means a lot that you enjoyed it :)

@1fromtibet Жыл бұрын

When I saw your wireframe proposals, sense that your team and stockholders will choose 02 wireframe with full image view of the product. Because my personal experience most users are feel very engage and satisfaction when they see product high solutions and plus point is that, help them understand what I am signing for or percharsing. When it came to low or small image view of product if users are interested product but they confident purchase product right way and they have works to be by users. which is bad user experience. @marie well done and sharing with result of performance. thank you

@osaroadade Жыл бұрын

Thanks again for sharing your process. I do agree that one of the advantages of working in-house is product ownership, responsibility and accountability. You create a design, you see how it performs and you can work to improve it. One key thing I took away from this is how you switched the product image on smaller screens. I think it's a small change but one that really elevates the user's experience. I'll be on the lookout for where or when I can make decisions like that. Thanks again for sharing!

@charlimarieTV Жыл бұрын

thanks for an insightful comment as always Osaro!

@taisasevenard1997 Жыл бұрын

Cool video, thanks! Really liked the frame of cooperation between the marketing and design teams (these blocks and options). Will introduce it to our marketing team!

@charlimarieTV Жыл бұрын

yeah! get your marketing team into FigJam as a starting point! it's super helpful for brainstorming

@Valeriamarus Жыл бұрын

Thanks for the video! Wondering how you can talk a lot about the projects, all of mine are under the NDA 😅

@charlimarieTV Жыл бұрын

Thankfully "work in public" is one of our company mottos at ConvertKit! We believe that working with transparency helps our industry, and allows us to get more feedback on our work.

@Valeriamarus Жыл бұрын

And is there a video about camera you are shooting on? I love the picture ❤

@charlimarieTV Жыл бұрын

no, but perhaps I should make one?

@Valeriamarus Жыл бұрын

@@charlimarieTV yeeeees please :)