Online Video Course

The Design-First System for WordPress Websites

Bring structure to your chaotic design process with Figma, and stop losing time to endless client revisions.

Get instant access

  • 30 Days Money Back Guarantee
Enroll

Introduction

What this course is really about

Most WordPress designers don’t struggle because they lack talent or a designer’s eye, but because they skip the most important step: designing before they build.

They open their pagebuilder, look for inspiration, copy bits and pieces or design trends, and end up stuck in endless client feedback rounds with a design they are not truly confident in.

But the problem isn’t the tool. It’s the lack of a process.

This course gives you that process. A design-first workflow that starts with understanding the problem, structuring the website, defining a clear visual direction, and then building with confidence instead of guesswork.

We will use Figma to do this, but this is not a Figma course. Figma is just the best tool right now for this step in the process. The design principles and the workflow you’ll learn here will outlast any tool, including whatever AI throws at us next.

By the end, you’ll have a repeatable system, stronger designs, and far fewer revision rounds with clients.

Old way

  • Not knowing how to come up with a good design and lacking inspiration
  • Wanting to work with Figma but not knowing where to get started
  • Endless client feedback leading to loss of time and motivation

New way

  • Always having inspiration and knowing what steps to take
  • Knowing how to create beautiful designs in Figma and feeling proud
  • Saving time and minimizing revisions by having a clear process

What’s Included

A complete package

Design Course Preview3

Lifetime access to the Course

Learn at your own pace with full lifetime access to all course materials, neatly organized for easy use on your personal account.

Plus Community Preview3

Lifetime access to the community

You will get access to the main LivingWithPixels community, a place where we help each other out and share ideas.

Bonus Example Project2

Hands-On Figma Practice Project

Apply what you’ve learned by designing a website step-by-step with Rino in Figma and walk away with 1 new portfolio item.

Bonus Clientquestionnaire

Essential Client Questionnaire

Get Rino’s tried-and-tested client questionnaire document to ask the right questions for every project.

Bonus Client Email Templates

Client email templates for each step

Get email templates for all steps in the design process so you can guide your client professionally.

Bonus Inspirationlist

Rino’s Inspiration & Creative Asset List

Discover Rino’s go-to resources for inspiration, including top websites, fonts, images, icons, and more.

Learn how to

Bring your vision to life

Menu
Logo Slider
Text Left
Scribble1
Scribble2
Blob
Image Card
Image Dude
MacBook V1

Preview

What you'll learn

Chapter 1

Getting into the Right Mindset

Chapter 1 is designed to remove any mental blocks you might have which are holding back your creativity and confidence while designing.
Chapter 1
Chapter 2

Why we struggle so much

In chapter 2 we will dive into the theory on why we struggle with: finding inspiration, client feedback and chaotic workflows.
Chapter 2
Chapter 3

The Professional Design Workflow

Chapter 3 is a birds-eye-view of the professional designers workflow, where you will discover the power of the 4 design phases.
Chapter 3
Chapter 4

Best practices for Web Design

In chapter 4 you will learn a lot about design fundamentals like colors, fonts, spacing and how these principles translate into real websites.
Chapter 4
Chapter 5

Designing 1 website together with Figma

After you know everything you are ready to open Figma and design one project together with Rino, with a smooth workflow you just learned.
Chapter 5
Bonus Chapter 6

Streamlining Your Workflow

The last chapter will give you tips and tricks to improve your workflow further and we will talk about taking your Figma design to the web with development.
Bonus Chapter 6

Get Instant Access

  • The online video course
  • The course bonuses
  • The main online community
  • Ability to upgrade to the Pro community
Social Proof EL Course

Trusted by 350+ students

Today for

$347

  • Secure Payment
Buttons Popular Payment Systems Masetcard Visa Apple Pay Google Website Rectangular Rounded Edges Vector 220153006 Removebg Preview
Enroll in course
30 Day Money Back

(Discount field is on the next page. Pricing may change as the course evolves.)

FAQ

Any questions?

How long will I have access to the course?

You get lifetime access to the course. 

Yes. When Figma rolls out changes that are relevant to the course then we will update the course.

No problem at all. If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a refund.

No, you can just use the free version of Figma since it offers unlimited draft files for free.

Yes, this course is beginner friendly. But we are teaching a professional workflow, so expect serious stuff.

It depends. Do you feel like your design skills could be improved? Your workflow is too chaotic? Or clients keep coming back with feedback? Then this course can help you a lot. 

Yes, we have an invoice generator. 

Yes, if you are from a developing nation, you fill out the form below to see if you qualify for the regional discount program.

 

Please just drop your questions on our email courses@livingwithpixels.com and we will answer as quickly as possible.

Please know we are a small company, so we don’t have a quick response time like bigger companies. Thank you for understanding. 

 

Test checkout

 

Reviews

What others say

Excellent
4.8
See our reviews on
Trustpilot