Walkthrough With a Designer: My Web Design Process

[@jelilabudu]

I swear, Fadel, I've never seen a design process presented on KZbin like this one before. This is fantastic ❤. I (and many people of course) tend to see landing pages and websites as a substitute for one. But you made me understand that landing pages compliment the main website to boost conversion. Now the bigger question on the landing pages, is: 1. What do I use it for? 2. How do i use it? 3. Where do I use it? Some of the questions may be easy to answer. Eg: Q1 would be to promote your individual products with targeted keywords. I'd be more than happy to see your response to these questions. 🙏 And please do more videos of your design processes us. Some of us are relatively new to the industry and would like to learn from experience people like you ❤. Thanks and much love from 🇬🇭💯.

[@fadelcreative]

Hey! Thank you very much for the kind words. I'm happy it helps 😁 Here are my replies to your questions: 1. What do I use landing pages for? Landing pages are great for customizing offers. For example, if you have a Black Friday offer, you can add a site-wide offer. For a specific group of customers, you could create a separate landing page so they can see different offers or products than the rest of the people. Or, if you are testing a different demographic and don't want your current demographic to be confused, you can create a separate landing page instead of an entire website. It's quicker, more dynamic, easier to customize, and converts way better than a regular website. 2. How do I use landing pages? It depends on the platform. For Shopify, you can use plugins such as Zipify Pages, or you can build a custom landing page using Webflow or Framer. Zipify is great because it's already optimized to perform well with Shopify, but you'll be limited in terms of creativity. With Webflow or Framer, you can really elevate the UX and UI experience. 3.Where do I use landing pages? If you are using a plugin, it will be natively integrated with whichever platform you're using for your main website. If you are building it outside your platform, for example, on Webflow, you can use a subdomain such as holidaysale .myonlinestore .com. You could also use a more complex name so it's not so obvious. Additionally, you can restrict traffic by country, city, etc., through geolocation redirection. There are many options available! I'm building a full UX/UI design course where I cover a lot of topics, which I will upload here on KZbin 100% complete and for free. I'm also building a community of designers from all over the world. Stay tuned because I will announce it on my channel soon. Take care :)

[@jelilabudu]

@@fadelcreative thank you, Fadel. I'd be looking forward to the full UX/UI design course. Please I'd want you to focus more on the design process. It's the area where I believe beginners struggle most. And one more thing to add, is that, in case you've changed your mind to turning the course into a paid one, I'd plead with you to consider a discount for guys living on the African continent. Thanks. 👍

[@fadelcreative]

@@jelilabudu There will be a lot of lessons regarding the design process :) And don't worry, that course will always be free. I'm originally from West Africa (Senegal), so I know how much potential we have and not only in Africa but also in other places like India and Southeast Asia. There's tremendous potential and I want to share everything I learned since 2004 and help as many designers as possible.

[@jelilabudu]

@@fadelcreative Thank you, man. I'll keep my eyes on the channel. 👍

[@QuinhoneiroRenan]

Oh, nice! Your project looks so beautiful and organized. Congrats and thanks for sharing.

[@fadelcreative]

You are welcome. Thanks for watching and the kind words :)

[@fizakhatri6505]

Can you please tell me how you create a user persona (Did you create it traditionally or with AI)

[@fadelcreative]

For a concept project, you can use tools like ChatGPT, Claude, or Gemini to create a user persona quickly. These AI tools can generate personas based on general assumptions or hypothetical scenarios which works well when real user data isnt available. For a real project, it’s best to start by gathering insights directly from your client. Ask questions about their target audience, goals and any existing user data they might have. You can then use AI to supplement this information by researching relevant demographics, behaviors, and trends that align with the client’s audience profile. Important: for real projects always review the AI-generated persona to ensure it’s tailored to the client’s specific needs rather than relying solely on generic AI info. I hope this helps!

[@fizakhatri6505]

You mean we need to gather insights from clients regarding their audience and then use AI to create a User Persona. This means we don't necessarily have to rely on traditional methods (qualitative and quantitative research) to create the user persona, although we can if the project requires it. Thanks a lot, @fedalcreative, for your help! I was really stressed and put in a lot of effort to figure this out, so I appreciate it!💞

[@fadelcreative]

Exactly! By gathering initial insights from the client about their audience, you can leverage AI to shape a user persona that aligns with their needs without having to conduct extensive qualitative or quantitative research. AI tools can be particularly helpful in filling in gaps, analyzing trends, and identifying potential user traits based on industry data. However, if the project demands a deeper understanding or if precise accuracy is crucial, traditional research methods can always complement the AI-generated persona to create a more complete profile. It’s all about balancing efficiency with the level of detail the project requires 😁

[@fizakhatri6505]

@@fadelcreative A Big Big Big Big Thank you 💞 You are an angel 😇

[@maxilerlantreas3306]

Great video! What is the app that you use to save those design guides?

[@fadelcreative]

Thank you! You mean the style guides?

[@andreitarasov240]

Hi there, very useful information. Please tell me the grouping names and lines together with wireframes pixel sizes on top (aroun 5:40) is a Figma plugin or you draw them by yourself? Thanks!

[@fadelcreative]

Hi! Thanks for the kind words. It's a Figma plugin called Breakpoints. You can find it in the Figma plugin library: www.figma.com/community/plugin/824289601590456356/breakpoints

[@andreitarasov240]

@@fadelcreative hi Fadel, thank you for the answer and as a guy with 15+ years of experience would like to note that your approach is very good. You're doing very useful work.

[@dzkdanny5358]

Very instructive one, keep it up !

[@fadelcreative]

Thank you!

[@sergio.arboleda]

Excellent explanation

[@fadelcreative]

Thank you! :)

[@vamboo8918]

Cool

[@fadelcreative]

Thank you!

[@raku.aladdin]

Add more videos you'll rock it.

[@fadelcreative]

I will, thank you!

[@klutsetony2812]

NICE ONE, ARR YOU FROM SENEGAL??

[@fadelcreative]

Thank you! Yes, I am :)

[@AlphaMale_24]

Do you have any degree?

[@fadelcreative]

No degree. 100% self-taught. Degrees are not necessary for this :)

[@AlphaMale_24]

@@fadelcreative Do you earning enough to live a sustainable life from this?

[@fadelcreative]

​@@AlphaMale_24 More than enough, but it took me years of practice and a lot of patience. I'm releasing a full course totally for free here on KZbin where I teach everything you need to know to become a successful UX/UI and Web Designer. I will start uploading the modules next week. I'll share everything I’ve learned about design and business since 2004.