FULL web design process [STEP-BY-STEP]

Поділитися
Вставка
  • Опубліковано 15 тра 2024
  • ↓ THE TEMPLATES I'M USING ↓
    cedabranding.gumroad.com/l/we...
    This is a step-by-step walkthrough of the exact process and templates that I use to streamline my web design process - WITHOUT compromising on quality and delivering real results for my clients.
    This is step 5 of Creative Business Blueprint, a 5 part series on how to take your creative business from 0-$10k months. Including:
    Step 1: Create your offer
    Step 2: Build your sales page
    Step 3: Attract clients
    Step 4: The client process
    Step 5: Streamline your design process
    What we cover in this video:
    00:00 Offering strategy to raise your rates as a web designer
    00:49 Using templates to speed up your workflow
    01:35 Do you need to know how to code to become a web designer?
    02:00 Tools you need
    03:05 Project Timeline
    03:53 What to include in a website strategy
    04:30 Using AI to help with your research
    05:50 Brand Messaging
    07:20 Competitor Analysis
    08:05 Creative Direction
    09:10 Marketing Strategy
    10:54 Website Strategy
    11:41 Getting the website content you need
    13:38 Web design workflow in Framer
    17:48 Use my Framer template for yourself
    ↓ MY TIKTOK ↓
    / cedabranding

КОМЕНТАРІ • 239

  • @sijiadegoke
    @sijiadegoke Місяць тому +4

    Your explanations are a breath of fresh air. When I first got started with web design business, all information i had access to was so vague. I wondered of those guys did the on purpose. I cant tell you how long it took to decide if I should code a site by hand or use a builder. Kudos to you for being clear and upfront. You'll be helping a lot of people with your confidence and clarity

  • @JackDespero
    @JackDespero 2 місяці тому +55

    This series is what an MBA should be, but instead of done over 2 years, it is done over two hours, which you can watch in loop to understand more and more.
    Fantastic contribution, thank you very much.

    • @luckyloop7503
      @luckyloop7503 2 місяці тому +1

      Could not agree more. It is crazy nuch how compressed knowledge is in this video. 🎉

    • @elidrissistudio
      @elidrissistudio 2 місяці тому

      But is it possible to design websites for like $2k+ Iam a webflow developer and Ux designer but kind of newbie in freelance world, i have worked with 3 clients in the past but i guess i need to find a market that would pay that mush. whats your opinion on this and is it possible to target them using outbound marketing (outreach) or just create content / ads to attract these clients?

    • @stevemccoy4440
      @stevemccoy4440 2 місяці тому

      Absolutely 100%!! The thinking behind all of this is exceptional!! Inspirational… and aspirational!

    • @jay_wright_thats_right
      @jay_wright_thats_right 7 днів тому

      You're not making any sense.

  • @DigitalBrooke
    @DigitalBrooke 19 днів тому +3

    I’m all in with the basics you mention given my experience, but the WORKFLOW and modern tools and the “myths” made me feel so much more validated. This day and age you have to work smarter not harder. And in my experience 50% is research/kickoffs and check ins, branding, basic messaging, goals…20% memorizing brand guidelines and first wireframe, and presenting base to clients and fine tune. Then the last 30% is the build and edits/follow-ups/edits/debugging and other odds and ends (but make sure the content includes a limited amount of revisions. Which is why step one is Soooooooo CRUCIAL!!!!

  • @cambridgeautospa
    @cambridgeautospa 3 місяці тому +68

    Please please please can we get a framer tutorial? You explain things so well and it’s all very easy to breakdown and understand

    • @theannahickman
      @theannahickman  3 місяці тому +21

      I’m into this idea - watch this space ;)

  • @miriamolivier8321
    @miriamolivier8321 20 днів тому +3

    This is the content I was looking for. I'm a web designer for me It was more about making the website look pretty and functioning rather than deep diving and really understanding how can I efficiently solve the client's problem. Thank you for this series.

  • @dukeselwood
    @dukeselwood 3 місяці тому +38

    Amazing content Anna, thank you!
    My suggestion would be a full run through of the whole process using the Client Dashboard and the Web Design Workflow. Putting it all together and running through a mock client (or real one) and explaining step by step how to use these tools, in a slower more detailed process. I'm very greatful for these tools and very happy with my purchases but I think a more detailed run through of exactly how to use them would be very beneficial to get the most out of them. To give more clarity, I don't mean a comprehensive guide on how to use Framer, Notion or Figma, these should each be learnt and mastered by ourselves but just putting the process together. I'm working on building a freelance web development company, preparing to go live and have not yet had any client interaction experience, so for people like me I think this would be very helpful.

    • @theannahickman
      @theannahickman  3 місяці тому +10

      Thank you! I love this - thinking of working on this next!

  • @thecommittedman
    @thecommittedman 2 місяці тому +5

    You're on a whole new level of value with these tutorials. Thank you for being you.

  • @r.designs
    @r.designs 3 місяці тому +17

    This entire series from start to finish jam packed full of valuable content, I honestly can’t thank you enough for sharing this & not gatekeeping. When I first started freelancing web design 5 years ago this channel would have been a God send 😂!
    I’m going to start implementing more of your suggestions & elevate my Client Process even more ! Thank you 🙏 🎉

  • @rajamohsin1424
    @rajamohsin1424 3 місяці тому +2

    This is gold - just starting out my own business and can’t thank you enough for these videos!!

  • @whatznext28
    @whatznext28 12 днів тому

    Thanks Anna for being so transparent with the tools and processes you use 🙏🏾
    I went ahead and snatched up the bundle you offer. I could immediately see the value when I watched this video.
    I'm look8ng forward to implementing this process and accelerating growth!

  • @user-zg4gw1wx7s
    @user-zg4gw1wx7s 2 місяці тому +7

    I'm in awe! You are really good as a narrator/mentor and have been extremely helpful. No water at all, just essentials. The channel is definitely worth subscribing to!

  • @amitnidhipoudel
    @amitnidhipoudel 3 місяці тому +7

    Thank you for the content you provide for free. I have a website designing agency for little over a year and struggling to find clients. I am excited to implement the knowledge you shared here and in other videos and see how it goes.

  • @brandenclay4344
    @brandenclay4344 2 місяці тому +1

    Wow this is seriously one of the most value packed videos for web designers and marketers across the board. Great work, you’re a fantastic teacher!

  • @UnoUrong
    @UnoUrong 2 місяці тому +1

    I am not a web designer but am building my website and being a 3D graphic designer I can tell your step by step + info and advice are gold and are not limited to web design but to design for customers in general from what I know. Very informative and refreshing for me the way you tackle your projects and the timeline without too much overthinking. Thank you for this exposé of good practices!!! It will definitely help me.

  • @nooneherewatching
    @nooneherewatching 3 місяці тому +2

    Loving this. Thanks for helping the rest of us grow financially

  • @jolenekk
    @jolenekk 3 місяці тому +3

    I love this! May your generosity return to you tenfold.

  • @Miranda-du9mh
    @Miranda-du9mh 2 місяці тому +1

    i have just started web designing, thank you so much for your videos ! They really help and are very good quality !

  • @user-kf1fq1ly8s
    @user-kf1fq1ly8s 2 місяці тому +2

    This is highly valuable. Thanks for the in depth breakdown. Learning directly from a professional's workflow is really game-changing 🔥

  • @sophiachristygj
    @sophiachristygj 2 місяці тому

    I love the way you talk OMG! Thanks for the content!

  • @holylemon200
    @holylemon200 2 місяці тому

    This content is of real value. It 100% stands out from the rest of these web gurus trying to push some product or tease a course. Not a single breath of waffle, straight to the point and helpful. Thanks for the video!

  • @patrickdijkman8974
    @patrickdijkman8974 2 місяці тому +2

    I am stunned by your content, of the highest quality!

  • @pwoo.designs
    @pwoo.designs 3 місяці тому +1

    Amazing work in putting this all together! This is exactly what I needed!

  • @Qohelethv
    @Qohelethv 3 місяці тому +2

    Ahh, wow thanks for this! So happy to see this update

  • @speedhaak
    @speedhaak Місяць тому

    Wow, what a great video Anna - I have been in this industry for over 10 years (more on the dev side than design) but this was really illuminating. Having recently moved away from a partnership to freelance I will definitely absorb this information into my workflow. Kudos, great to see so much success in younger people these days.
    Thank you Anna,
    Gareth

  • @Naid91
    @Naid91 21 день тому

    Thank you very much! We need more people like you, who are willing to share their knowledge to help others. Your content is outstanding.🙏

  • @jessebusma5339
    @jessebusma5339 3 місяці тому

    Insane value. You are truly revolutionizing the quality of websites at scale

  • @CarneyBryan
    @CarneyBryan 19 днів тому

    Wow🙏🏻 you are incredible! Thank you so much for this invaluable content and explanation. You are a master at making this easy to understand and cutting through the crap to share all the useful info. One of the best videos on UA-cam

  • @jtisaks8569
    @jtisaks8569 3 місяці тому +1

    Getting to this is very difficult and alot of work. Thank you for sharing the info and making this available so we can streamline our work.

  • @RayoNathan
    @RayoNathan Місяць тому

    Anna! You just became my favorite content creator. I love you so much. ❤

  • @joepdavies
    @joepdavies 3 місяці тому +4

    Such a clean and well structured workflow, I looove it. If only I could be as organised as you😄

  • @ceciliainnes2586
    @ceciliainnes2586 3 місяці тому +1

    Great Ana. Love the structure. I’m going to purchase it all as soon as I get confirmation of a job I’m hoping to land. I’d love to hear more content on dealing with clients. From first contact to closing a sale.

  • @fatjonrrapaj6834
    @fatjonrrapaj6834 2 місяці тому

    Instant subscribe! This is great, espetially for someone who is a developer and has to go through a lottt of design things at the same time

  • @omrisadovsky
    @omrisadovsky 3 місяці тому

    wow. i can't stop saying wow. amazing. so much valuable knowledge with very practical examples. thank you so much.

  • @gBalldevelopmentllc
    @gBalldevelopmentllc Місяць тому

    Girl - where you have been?!? I just started my development business and didn't have a clue how to get started, and your UA-cam channel is exactly what I needed. Thank you, thank you, thank you!!!!

  • @totolistudio
    @totolistudio 3 місяці тому +1

    You did it again Ana!

  • @ifeanyichimbo
    @ifeanyichimbo Місяць тому

    That's a lot of gold nuggets. Thanks man. You just got a new subscriber

  • @MkwizGaming
    @MkwizGaming 3 місяці тому +1

    Man huge value here. Thank you!

  • @chatex2666
    @chatex2666 2 місяці тому +2

    Holy hell. This is by far the most useful video series, paid or free that I've ever seen in this area. The value you're offering here is actually mind blowing.
    I'm in the stage you talked about that I'm getting clients but they're for $500-$800 and even that feels high, knowing that you were in this stage not too long ago really gives me a lot of hope and really that empathy alone offers me more value then 99% of the courses I've seen.
    I'm shook, this series is absolutely jam packed with valuable, actionable information and empathy with your audience. I'm not sure I've seen something like this before.

    • @zz182
      @zz182 Місяць тому

      When you go into a niche, you can do high ticket web design where $10,000 per site is reasonable. That's even low. Still using elementor or framer/ whatever cms.
      Think bigger, there are people doing more than $10k in niches you wouldn't expect. :)

  • @vaughnjwallace
    @vaughnjwallace 29 днів тому

    You make it seem so easy!

  • @croftyx1
    @croftyx1 Місяць тому

    Wow, I don't think some people will grasp how good that was.
    Thanks for the cool content 🎉

  • @ArtsyChelley
    @ArtsyChelley 3 місяці тому

    Thank you so much for this information! I really have been lost with web design 😊❤

  • @anonimozeus4796
    @anonimozeus4796 25 днів тому

    I truly are grateful for your help, thanks!

  • @RealKidsRealClothing
    @RealKidsRealClothing 6 днів тому

    Tears came to my eyes/ thank you Anna, ailing from Jamaica.

  • @RockstahRolln
    @RockstahRolln 2 місяці тому

    What an excellent video! I have subbed! Looking forward to more!

  • @esayiyasmengistu5516
    @esayiyasmengistu5516 Місяць тому

    wow...more than words...God Bless you!

  • @markojozic3944
    @markojozic3944 2 місяці тому

    cold hard facts without sugarcoating or bs ... great video thanks for sharing

  • @thetrailhunter4469
    @thetrailhunter4469 2 місяці тому

    Brilliant. Fantastic contribution to the degitial design industry.

  • @rameenana
    @rameenana Місяць тому

    Thanks mate. This was very helpful.

  • @OCA1111
    @OCA1111 Місяць тому

    I completely agree with you!
    I want to focus on my creativity and use the technology to fill gaps, not do it for me.
    Thank you. Excellent video. I'm a new subscriber now and just excellent work!

  • @michalbartosz4878
    @michalbartosz4878 21 день тому

    This is solid af, thanks!

  • @nicolewong717
    @nicolewong717 3 місяці тому +1

    Love ur videos! I would love to see a video specifically about framer and the hand off process to the client. After its built and live, what do you do? How do you handle the paid plans with them? How do you handle maintenance and updates, do they create their own framer account and then you transfer the site to them? I'm not finding a ton of content around this part and would to see how you navigate it. Thanks!!

  • @agustina0110
    @agustina0110 3 місяці тому +1

    Thanks!!! This was very helpful

  • @henrythomas7112
    @henrythomas7112 2 місяці тому

    It is a great video thanks for the great information and well delivered. This is exactly what I was looking for.

  • @Talentaire
    @Talentaire 19 днів тому

    Excellent video! You won a subscriber. 👍

  • @wajdhannoun1305
    @wajdhannoun1305 2 місяці тому

    thank so much for sharing such great information and resourcewith us
    i hope everything you wish finds you ❤

  • @ywg2443
    @ywg2443 Місяць тому

    Amazing video!! Learned a lot, THX!

  • @DigitalBrooke
    @DigitalBrooke 19 днів тому

    Just discovered your channel and even tho it’s 17 min, I’ve gone through two mechanical pencil leads and have spent well over 1.5 hours taking notes. (So glad that I know MOST of this, but the workflow is DIVINE!!!!
    Do you have a video about contacts, RFPs and SLAs?

  • @khaledtazebinte6648
    @khaledtazebinte6648 2 місяці тому

    This videos packs a whole lot of valuable information, it's unbelivebaly well put, thabnk you

  • @fksociety137
    @fksociety137 2 місяці тому

    Easy sub, great content and execution.

  • @EntoDigital
    @EntoDigital 3 місяці тому

    Another GOLD video Anna!
    I am going to have to grab your template in the future and miss the sale, but I don't mind paying full price as I am definitely not the most organized designer out there, and it seems to make a lot of the earlier, pre-design work, a lot easier for both myself and my future clients.
    Loved this series! Thanks for all of this!

    • @theannahickman
      @theannahickman  3 місяці тому +4

      Appreciate you!! Dont worry just drop me a message before you buy ;)

    • @EntoDigital
      @EntoDigital 3 місяці тому

      @@theannahickmanI definitely will do that!
      Hopefully sooner than later, as I need this in my life yesterday, haha!
      Cheers!

  • @ekaterinatrishanova6856
    @ekaterinatrishanova6856 3 місяці тому

    Anna, you are the best! Thanx!

  • @jay_wright_thats_right
    @jay_wright_thats_right 7 днів тому

    This is a very very great video. You put 1-2 hours of content into ~18 minutes.

  • @rakat1
    @rakat1 3 місяці тому +6

    anna would you lunch a Full Course of web design where we can learn from you... I know It's time consuming but it will be helpful for us..to Learn from a skillful guy... ❤❤

    • @levelup2014
      @levelup2014 3 місяці тому

      She’s a girl not a guy

  • @ener993
    @ener993 26 днів тому

    This is fire!!!!❤

  • @uifry
    @uifry 2 місяці тому

    Amazing content, thank you!

  • @leeman949
    @leeman949 2 місяці тому +2

    I think a video on client handoff or delivering the website to the client would be awesome.

  • @AnthonyCandaele
    @AnthonyCandaele 2 місяці тому

    Great video. I am a starting webdesign/webdevelopment business and I bought the Web Design Workflow. This helps me a lot. The only thing that would help me even more, is to have the Framer templates available in Figma, as I don't use Framer but write the code myself.

  • @Lungadesigns
    @Lungadesigns 3 місяці тому

    This was great ! Now I just need to start 😁

  • @jannickpedersen4620
    @jannickpedersen4620 2 місяці тому

    Lol i found your channel 1 week ago, and today i got an interview for a web dev position which usage of webflow. Nice timing lol

  • @leokylegonzalesrg1538
    @leokylegonzalesrg1538 3 місяці тому

    🙌 thank you so much, really DIAMOND contents

  • @andreasgustavsen9250
    @andreasgustavsen9250 3 місяці тому

    Solid video, Anna! The video's smooth transition between you and the dashboards you're showcasing is seamless and a treat to watch!
    If you were to build a website for a service-based client who needs a booking system and CRM, would you still recommend going with Framer? Anything to NOT build any more websites in WordPress....

  • @christianlacaste3105
    @christianlacaste3105 3 місяці тому

    you are doing great. wanna see live in action 🙂like handling inquiries during client meeting

  • @TheScootermac315
    @TheScootermac315 Місяць тому

    So helpful, thanks!!

  • @JohnXWayne
    @JohnXWayne 3 місяці тому

    Great video though! Keep up the great work!

  • @michaelcypher5958
    @michaelcypher5958 3 місяці тому

    Yess 🔥
    Thank you Anna

  • @dhanushkabandara1355
    @dhanushkabandara1355 2 місяці тому

    Amazing content Anna... keep it up...Thanks..

  • @arrozas05
    @arrozas05 2 місяці тому

    Damn, what a pro!

  • @minfulnesssounds9307
    @minfulnesssounds9307 3 місяці тому

    Would love to see some proof of web design sales from you using these templates 😅 and you content is so valuable honestly, great job!!!

  • @robertsilver1296
    @robertsilver1296 2 місяці тому

    I’ve just stumbled upon you, and my word, what an excellent quality video, thank you. Superb editing, great communicator and wonderful content.
    The downloads themselves are worth hundreds, if not thousands, of dollars!

    • @nicolaslondon
      @nicolaslondon 2 місяці тому

      Bro did you find here work or projects somewhere in the intenet. Cause i found nothing. Like a portfolio, or something.

    • @zeeeeeeeeeeeeeeeeee265
      @zeeeeeeeeeeeeeeeeee265 2 місяці тому

      If she has one...she doesn't share it. But I thought I heard her say in one of these videos is that she's not interested in trying to find clients through this content but to sell the infrastructure for people looking for this content. That in itself is making her tens of thousands of dollars already...or she said, over 100K so far. I think this is her business. She might do some web design work but that doesn't seem to be her main business. @@nicolaslondon

  • @amirgraham188
    @amirgraham188 3 місяці тому +5

    Best web design tutorial by far

  • @johnstrehle5343
    @johnstrehle5343 3 місяці тому

    really good information to deal with high-budget customers! Could you show us what your customer contracts look like and what guidelines are required to be added. That would be great!🙂

  • @user-hy7bi2cp7q
    @user-hy7bi2cp7q Місяць тому

    Finally somebody with common sense! GREAT Video!

  • @plushcad
    @plushcad 3 місяці тому

    Great stuff Anna. I was wondering if this was included in the Freelance Dashboard or if this was separate from that. If so a bundle of these two would be great.

  • @JustLearningDesign-bk4yr
    @JustLearningDesign-bk4yr Місяць тому

    Omg Anna, I hereby proclaim that Valhalla awaits you!

  • @carltonjohnson2756
    @carltonjohnson2756 3 місяці тому

    Love this.

  • @j2devstudio
    @j2devstudio 2 місяці тому

    Thank You so much, Anna :)

  • @bisforben2010
    @bisforben2010 Місяць тому

    10/10 content. Thankyou much 8)

  • @nancycutin9631
    @nancycutin9631 2 місяці тому

    Gold content ❤ Thank you

  • @nl9324
    @nl9324 Місяць тому

    so much value from this video! new sub! thank you for sharing. i would love to join your framer form 0 video!

  • @jevgenisuija
    @jevgenisuija 3 місяці тому

    Thank you Anna! ❤

  • @yitangcui1165
    @yitangcui1165 3 місяці тому

    如此年轻,却把事情想的如此通透,好强

  • @techfixer1543
    @techfixer1543 3 місяці тому

    High five to you Anna! Your content is insightful, actionable, and sprouts ideas for my coding projects. I think it would be helpful to share your experience with how you integrate (process) your clients "feedback" such as: web site changes of any kind, timelines, cost changes, etc.. If enough of your subcribers show interest, it would be a good idea to consider having a live YT session. I'm sure you'll be peppered with many questions that run gamut of how to get quality clients to choosing a host provider. Thank you and good vibes from a newbie who's new to the creative side of web design.

  • @garyfox8701
    @garyfox8701 Місяць тому

    Excellent content Anna. I've been designing websites for about 10 years... at least 4 platforms... but my website is laughable and is still mostly holding boxes for pics. All my work is from word of mouth I dread to think how busy I'd be if I advertised 😊

  • @RealWorldTainment_
    @RealWorldTainment_ 3 місяці тому

    Amazing video !

  • @saltandchalk9809
    @saltandchalk9809 Місяць тому

    Hi Anna. I just discovered you and have binge-watched all of your videos - thank you SO much for sharing all of this incredible information. I have a question about Creative Business Blueprint Notion board - just wondering if I am missing something in the section where it says "2. Change the number of projects per year to work out your price per project based on your goals" as it sounds like there was some kind of handy formula or something? No worries if not, just wanted to ask! Thanks again :)

  • @poqueta1404
    @poqueta1404 2 місяці тому

    Hi Anna, first off thank you so much for this series, it is amazing! In the video you mentioned that you leave a free notion workbook that would include what you use for design inspiration and stock photos. Could you please let me know where to find this notebook please.

  • @ibrahimabdelnaby7851
    @ibrahimabdelnaby7851 2 місяці тому

    Thank you for the content you provide for free. Can you share more about the process of proposal, Contract, and Invoices?

  • @georgesaunders3532
    @georgesaunders3532 2 місяці тому

    This is gold thanks. One question, what do you think of using code to create template components? The latest Grid and flexbox features make it very easy to control sections without too much editing of the code. My thinking is that if you can create the same concept and pick out the components you need then once its all there you also have much more room and flexibility with how far you can push functionality of the site and streamline SEO without having all framer cluttering up the source code, then this would serve you and the customer better? Maybe I need to try framer before I make judgement 😅

  • @arpanuddin6336
    @arpanuddin6336 2 місяці тому

    Great video ❤ one question plz make a video for how to outreach web design clients which basically you applied for clients hunting. Thanks

  • @user-xm7qy8rr1d
    @user-xm7qy8rr1d 3 місяці тому

    The course is great so far, thank you for sharing! I'm really curious about how the handoff to the client for the final website works. Would love to learn more about that!