Textbook in PDF format

TABLE OF CONTENTS
– About this e-book
The Freelance Guide
– Why should you consider Freelancing & My Story
– How to find freelance work
– Pricing your services
– A simple equation to price your web design work
– Project prep - starting a new project, calls & documents
– Design contract & project kick-off
The Design Basics
– The principles of visual perception (Gestalt)
– Foundations of visual design
– Typography in Web
– Colors in Web
Designing for the web
– Figma - the designer's superweapon
– The perfect resolution
– Layouts & Grids
– Responsive vs Adaptive design
– Designing for mobile - best practices
– Motion and interactions
– Optimizing for conversions
The Web Design Process
– SmartBank Landing Page Ul Kit
– Intro to the project - project brief, questionnaire, research
– The UX - SWOT, UX analysis, sitemap, sandbox
– The recipe for the perfect "Landing Page"
– The Ul - Inspiration boards, mood boards, style guide
– Wireframes
– Putting it all together
– The "Perfect" Landing Page Framework
– Understanding the box model
(BONUS) Intro to no-code
– No-code development
– Elementor Pro - a great starting tool
– Webflow - the ultimate no-code builder tool
– WordPress themes, plugins, and hosting
– Website speed optimization
– Pre-launch checklist
The project wrap-up
– Design handoff
– What's next?
– Your action plan
– Final words
—
Learn how to become an ultimate web designer - from running a freelance business to learning design theory and web design processes to mastering design handoff
Master web design and tackle freelancing challenges:
– Learn proven strategies to find high-quality clients.
– Get the tried-and-tested templates I use daily to help you streamline your business.
– Build a standout portfolio that attracts top clients, even without commercial projects.
– Understand the principles of great web design and build high-converting Landing Pages.
– Learn design-to-development handoff on real examples (with multiple handoff checklists).
Get a complete freelance blueprint for $15,000+ months
Learn from my experiences and adopt proven strategies that will elevate your freelance career. I’ll provide you with all the documents and know-how I used along the way.
The Ultimate Guide to Web Design is perfect for:
– Web Designers — Learn new things about web design, practice with the Figma files, and take your skills to the next level
– Freelance Designers — Simplify your workflow and understand how to price your projects the right way. Get access to freelance documents like questionnaires, briefs, and design contracts
– Web Developers — Learn the fundamentals of UI design, typography, color, and principles of visual perception. Don’t rely on your designers as much!
– Every creative person — Wanting to master the craft of web design and freelancing!
—
What will you find inside?
This e-book is divided into 6 parts and 33 chapters, counting 346 pages. Here’s what’s included:
Part 1: The Freelance Guide
The first part of this e-book will show you behind the scenes of running a freelance business. I go over my personal story, go in-depth about what I did to get my first clients and scale my business to $15k/mo+ months. I also share my sales scripts, contracts, and project documents!
Part 2: The Design Basics
In the second part, you’ll learn about the basics of web design, the principles of visual perception, and the foundations of visual design relative to websites. We’ll also cover the theory behind typography and colors.
Part 3: Designing for the Web
In this part, we go over how I set up my Figma for website design. We’ll talk about responsive design, the box model, web design best practices, and CSS properties. I’ll also share the framework I use to design a high-converting landing page.
Part 4: The Web Design Process
In part four, we’ll jump straight into my web design process. We’ll go over all of the UX and UI stages. And as the “cherry on top,” we’ll learn about the “perfect” landing page framework and the “box model” to show you how to design with development in mind.
Part5: Intro to no-code
After that, I’ll introduce you to no-code development tools like Elementor and Webflow.
Part 6: The Design Handoff
And lastly, we’ll finish our ebook with a short guide and checklists to ensure you carry out a design and website handoff the correct way!
—
But that’s not all yet! You'll also receive practice files.
Depending on your experience level, you’ll be able to trace, copy, or replicate the designs by following the best practices and referencing your Landing Page UI Kit when working with your Practice Files