How I built my website on Webflow

Check out Relume, a digital agency specializing in Webflow: www.relume.io/design-to-webfl...
Hey friend! Recently I launched my new website. In this video I'll show you a walkthrough of how I designed it in Figma, and how I built it in Webflow. Let's dive in :)
Relume's KZbin: / @relume_io
Try Webflow today: webflow.grsm.io/1125819
This is a sponsored video.
----------------------------------------------
//LINKS
Looking for 1:1 mentorship or feedback on your portfolio? Book a session with me on Superpeer: superpeer.com/femke
//TIMESTAMPS
0:00 - Intro
0:26 - A look at my (new) live website!
2:27 - Website design in Figma
5:45 - Introducing Relume
6:29 - Website building in Webflow
13:42 - Outro
// MORE
Portfolio: www.femke.design
Blog: www.femke.co.nz/articles
Podcast: www.designlife.fm/
My logo animation is done by Austin Saylor: www.austinsaylor.com/
My brand is designed by Black & White studios: www.blackandwhitestudios.nz/
Some videos are edited by Nancy Palm: nancypalm.com/
// SOCIAL
Twitter: / femkesvs
Instagram: / femkedotdesign
//GET STARTED IN UX
UX Design Validation course: uxforfreelancers.thinkific.co...
UX Research and Strategy course: uxforfreelancers.thinkific.co...
//TOOLS (referral links)
Try Webflow, my favourite portfolio tool: webflow.com/?rfsn=1125819.b1c...
Learn Figma: learningfigma.com/femke
Learn UX Research and Concept Validation: intouxdesign.thinkific.com/?r...
Get a free trial of the best music for your videos: share.mscbd.fm/femkesvs

[@anna12910]

I so so appreciate that the other creators that you highlight on your website are all women! I've been absorbing a ton of UX content out there and it's soooo male dominant still.

[@femkedesign]

Ahh thank you! Couldn't agree more.

[@DarshanGajara]

Great walkthrough, love how simple you made it look. Thanks, Femke!

[@femkedesign]

Thanks Darshan!

[@LightsaberPanda]

Seeing this late, however I'm glad it came up on my feed, great content. If you decide to redesign your site again, webflow has a Figma to Webflow plugin to help convert your designs directly, thereby speeding up your workflow.

[@carolmotamakeupartist]

I am Brazilian and your videos have helped me a lot in my day to day work. Thank you!

[@femkedesign]

You're welcome!

[@atakann]

Thank you for your video! That is helpful for me. I'm building my portfolio

[@femkedesign]

You're welcome! Good luck building your portfolio :)

[@bensonchandra8432]

Great video, thanks for sharing Femke

[@femkedesign]

Thanks for watching

[@robertkeyes3263]

informative video. you're good at explaining things. Thank you!

[@femkedesign]

Thanks Robert!

[@nikitisza]

I love Webflow too, such a great tool. Because I used to be a web developer (before jumping into UX design), I entirely skipped my Figma design process 😁 I only did wireframes for each page using pen and paper and defined the colour scheme and type.

[@femkedesign]

Nice! Yeah I often do the same!

[@min7085]

Hi Niki, I'm a developer who loves UX design. How did you find the jump into UX? And do you find you still code in your day to day?

[@nikitisza]

@@min7085 Hi Min! :) I jumped in UX 10 years ago, so it was much different, I feel. I used to code in my first couple of UX jobs...it was the thing that differentiated me from the other designers with similar experience, so you can position yourself that way too. Nowadays, I don't code at all in my design jobs (only if I want to or want to show off, haha)...I moved into facilitation, workshopping, leadership, and consultation. I hope this helps. If you have a more detailed question, feel free to email me (you can find my email address on my About page on my YT channel)

[@leonardogalvao2631]

thank youuuu

[@marieaiello1982]

whats the name of that 3D logo artist? sounds so worth it

[@tysoncottam893]

Just found the channel and love your work! I’ve been watching your videos and listening to your podcasts so that I can become a better UX Designer. I do have a question for you: I just got my first UX Design job and I’m super happy about it but I’m struggling to find ways to really structure the company towards better design. I’m the only UX Designer they have and they just have a website on Shopify so there’s not a lot of design freedom. Do you have any ideas for what I should do to structure the company towards a better looking website and uniform design throughout their products? Any advice is greatly appreciated. Thank you.

[@femkedesign]

Hey Tyson! Thanks for watching and congrats on the new job. Is there an opportunity for you to perhaps put together a proposal on the value of design, why it's worth investing in and what the potential business impact could be? That might be a good way to get some buy-in.

[@tysoncottam893]

@@femkedesign Thank you Femke!

[@mzosama]

Hi, Great website. Simple and easy to navigate. I like the hover effects on the links with nice contrast from the background and the animated logo. :) I am learning UX and UI design concepts. So my question is that how important it is to include animations (subtle or strong) in the website? E.g. Simple text reveal animation to page transitions. Maybe such animations please the user's eyes, however, for repeat visitors, such animations may be a nuisance. What is your point of view? Thank you

[@femkedesign]

Heya! When looking at what is most important for a portfolio website, I don't think animations make the top 5 list. I think it's much more important to focus on the content, visual design & layout, responsiveness, legibility of content and information about you.

[@Isaiah48964]

Hey Femke I was wondering if you do portfolio reviews, I'm a new designer struggling to get an interview and I think my portfolio may be the root cause

[@femkedesign]

Yup! I do them over on Superpeer: superpeer.com/femke

[@gamasierra]

hey Femke! are you truly fully booked this month for mentoring? I really need a session!

[@tysoncottam893]

I thought she said she is taking the summer off from mentoring and would start back up in September.

[@gamasierra]

@@tysoncottam893 fair enough Tyson, thanks!

[@kingofpetty4333]

Can you help my design a cute case and label for my lashes and lashe products

[@femkedesign]

I don't freelance, sounds like you're looking for a packaging designer?

[@Ankitkumar-bn2bs]

Can i get the figma file femke ? ( view only) 😅

[@femkedesign]

Hey Ankit! I'm not sharing the figma file for this as it's a personal project.

[@brunosilva6673]

U like or use WordPress ?

[@femkedesign]

Nope!

[@brunosilva6673]

@@femkedesign Thanks i use in my projects xD

[@creativechappi3594]

Hi, I follow your videos with a lot of interest, but unfortunately English is not my native language and I lose some pieces :'( ..so if I can I would have a request, please! Could you include automatic eng subtitles in the videos, please? I'd be very happy..

[@femkedesign]

Hi! I'll look into this :)