Web Design From Start to Finish (Part 1): Wireframes & Content

Out Black Friday Page (and promo) is up until Monday:
flux-academy.com/black-friday
We're going to show you EXACTLY how we ideate, design, and develop our Black Friday landing page that we'll be using for this year's Black Friday sales campaign.
This first video is about ideation, wireframing, and content (copy). We hope it's useful!
If you're looking for the Wireframing kit I use: platforma.ws/
Timestamps:
00:00 Intro
00:50 The plan
2:58 Sketching on the notebook
3:50 Digitizing the sketch
6:10 Adding copy
11:30 Consulting with an expert
14:14 Revising the copy and structure
-
How to finally "get" Webflow:
www.flux-academy.com/resource...
-
Find me on other social media platforms:
Instagram: / ransegall
Twitter: / ransegall
LinkedIn: / ran-segall-0b582a33
-
Gear & Book Recommendations: bit.ly/2ohFOuj​​​​​​​
#webflow​​​​​​ #webdesign​​​​​​ #websitedesign​​​​​
Thanks for watching the video!

Пікірлер: 49

  • @austinandriese
    @austinandriese2 жыл бұрын

    Ingenious way to market your Black Friday deals and show off your transparency. This is why I love FLUX. No secrets are safe. Ran shares everything he knows and learns more for us every day

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    Appreciate the comment Austin!

  • @MuhammadIhsan390
    @MuhammadIhsan3902 жыл бұрын

    Hope this series never end!! Love it!

  • @meharjawadhashmi6723
    @meharjawadhashmi67232 жыл бұрын

    I learn and grow from each video that you provide. I appreciate that you put a lot of effort to provide (free) content to learn and grow with FLUX. Thanks Ran.

  • @lalucacreative
    @lalucacreative2 жыл бұрын

    Love seeing everything you teach put into practice! A great tip to just start putting something on the page, even if it's bad. And I LOVE that we got to be part of this creative process and see you workshopping the copy with Fabiana. Thanks for taking us bts 🤩

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    Thanks so much for your comment. You have to start somewhere!

  • @tom.crafter
    @tom.crafter2 жыл бұрын

    Great video, Ran! Thanks for highlighting the importance of copywriting during early stages. I feel it’s so underrated among solo designers as we often start doing wireframes without copy in mind and then just “fill in the blanks” with content we request from clients. It should be copy first!

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    It definitely is! Thanks so much for your comment!

  • @garyvoigt321
    @garyvoigt3212 жыл бұрын

    This was very helpful! Thanks, Ran.

  • @vipinkrishna28
    @vipinkrishna282 жыл бұрын

    Awesome content Ran. I love the way you create contents. They really helped me as a designer. During my beginning days as a designer I used to watch flux every day. Keep posting these videos.

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    Thanks Vipin! will do

  • @diywebsiteguy
    @diywebsiteguy2 жыл бұрын

    Great video as usual! I learned so much things about design from you. ❤️❤️

  • @shanny104
    @shanny1042 жыл бұрын

    thx for this amazing content

  • @soumyadeepgoswami4730
    @soumyadeepgoswami47302 жыл бұрын

    Great stuff. ..

  • @writerjay
    @writerjay2 жыл бұрын

    Thank you for posting this! You guys are great!

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    No problem at all! Thanks for your comment and support.

  • @mel.studio
    @mel.studio2 жыл бұрын

    Enrolling will be my Christmas gift to myself ✨

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    yey! excited to have you with us Melanie!

  • @mrED123
    @mrED1232 жыл бұрын

    oooooooo new series!!

  • @sorianosoul
    @sorianosoul2 жыл бұрын

    As always great content

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    Thanks so much for the kind words and support!

  • @jahas9359
    @jahas93592 жыл бұрын

    This is Gold Mine😍 Loved the Presentation. Waiting For Part 2😎

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    Thanks so much for your comment! Will work on part 2 🤗

  • @TasteOfCaramel
    @TasteOfCaramel2 жыл бұрын

    Right on time

  • @shapelessed
    @shapelessed2 жыл бұрын

    The best way to perfect your design is to make a draft and then, as said, take a break, ride on a bike, go out with your dog, fix your broken electronics if you know how. The point is that annoyingly enough the best ideas come to mind when you're not trying to come up with them (that is - in the exactly worst moments as it seems)

  • @ryliek6832

    @ryliek6832

    2 жыл бұрын

    you're exactly right, thats why I do 3 sports and walk my dog most weekdays down the beach. The ability to take a step back and clear my mind doing something healthy almost always ends up solving any issues I have with business - much faster than I would have getting angry at my computer screen lol

  • @crarls27
    @crarls272 жыл бұрын

    Copy/content is always the hardest part! It's a different process when you aren't designing something for your own company. How do you get copy written for an actual client project?

  • @Brighthorizon_5
    @Brighthorizon_52 жыл бұрын

    Waiting for part 2

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    coming up next week!

  • @slavik0325
    @slavik03252 жыл бұрын

    Nice

  • @Daddleo
    @Daddleo2 жыл бұрын

    Thank you for this ! But why do you do the content after the wireframes? Logic would dictate that we define the content and then we choose the wireframes adapted to the content? thank you in advance !

  • @Eltopshottah
    @Eltopshottah2 жыл бұрын

    I like your shirt my dude

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    Thank you!

  • @andredias5061
    @andredias50612 жыл бұрын

    What about price? Could you share how that would be calculated if that was a contract's project, because that's always been my doubt

  • @rimmachobanian02
    @rimmachobanian022 жыл бұрын

    Thank you for this video 🔥🔥 it is very usefull! I have one question: where can I find that wireframe example you used in this video 5:40? Thanks in advanced 🙂

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    Here you go - platforma.ws/

  • @housercreative5269
    @housercreative52692 жыл бұрын

    What is he using when putting the pieces together?

  • @ifeodubela7097
    @ifeodubela70972 жыл бұрын

    Flux bought Platforma right?

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    we did!

  • @MadGammon
    @MadGammon Жыл бұрын

    How do I hire someone from your academy?

  • @CalfeDom
    @CalfeDom Жыл бұрын

    Some slides on this if it's possible thank am calfe Uganda

  • @frnte8768
    @frnte87682 жыл бұрын

    But now everybody get access from our mobile devices. You should make the mobile web design. Please. Broooo

  • @walkingdolphin9513
    @walkingdolphin95132 жыл бұрын

    I don’t think webflow can be called development from IT point of view. I believe your websites available only on webflow service. How do you present it to customers if they ask for features not provided by webflow? And if you did an actual development (coding) would you charge more?

  • @FluxAcademy

    @FluxAcademy

    2 жыл бұрын

    Clients pay for results not for how much "effort" you put in. Webflow can be extended with custom code to so almost anything. Of course this is not a solution for 100% of the projects, but for many websites, it's much more efficient than coding by hand.

  • @fuzzyfredy4010
    @fuzzyfredy4010 Жыл бұрын

    day.

  • @wetiot
    @wetiot2 жыл бұрын

    Are you back to FIGMA?

  • @tr1f4ek
    @tr1f4ek Жыл бұрын

    The entire video is just a 15 minute plug

  • @tr1f4ek

    @tr1f4ek

    Жыл бұрын

    It's almost a masterpiece in that regard. At the core this is a flux academy promotion in the format of a tutorial. Look how he shoveled the 40% discount on the academy. Then did the wireframe kit plug. And then massively promoted the copywriter gal. What a legend guys. If anything this is a tutorial on how to sell on youtube

  • @Brighthorizon_5
    @Brighthorizon_52 жыл бұрын

    Nice