Psychology in Web Design: How to Create a Hero Section That Converts

  • Language: English
  • Certificate: of completion
  • Subtitles: English, Spanish, French, Italian, Portuguese (Machine translation)
  • Duration: 1 Hour

Learn the psychology of web design and copywriting behind high converting hero sections. Create one for yourself. Become an expert at understanding online human behavior.

Category Course format Language Duration Level
Data Analysis, Research Online English with Subt. 1 Hour Beginners


A simple text editor or note-taking app. A Figma account.


Rinaldo has spent years in the agency world working with some of the biggest brands in the world like Samsung, Airbnb, EA, SAP, SoftBank, 3M, and many more.

This course teaches you how to influence visitor's behavior on your website.

You’ll be creating a high converting hero-section for your website using proven research-based frameworks from this class.

You will learn

  • 7 research-backed frameworks to write your heading and subheading
  • 2 psychological principles to increase the persuasiveness of your CTA button copy
  • 2 ways to choose a graphic to motivate your visitor to take action
  • A research-backed technique to position your hero section layout
  • Important design heuristic that most designers get wrong
  • 2 tips to start picking out high-quality fonts right away
  • A practical approach to establishing a type scale
  • Why psychology of color isn't super practical
  • Easy to implement technique to make your hero section look modern
  • Total of 16 outlined psychological principles

For each tactic in the class there are 3 sections

  • Principle (psychological research background)
  • Example (conversion optimization best practices)
  • Design (the latest UI & UX approach)

The course includes

  • 1 hour on-demand video
  • Research-backed copywriting and usability guidelines
  • Conversion & design optimization best practice examples
  • Live examples included in the class
  • Immediate access to the entire collection of videos
  • Certificate of completion


What you will learn
in this course.

  • Lessons
  • Lesson 1
    • Introduction
  • Lesson 2
    Heading Psychology
    • Heading Psychology
  • Lesson 3
    Call-to-Action Button Psychology
    • Call-to-Action Button Psychology
  • Lesson 4
    Hero Image Psychology
    • Hero Image Psychology
  • Lesson 5
    Layout Psychology
    • Layout Psychology
  • Lesson 6
    Layout Design
    • Layout Design
  • Lesson 7
    Heading Design
    • Heading Design
  • Lesson 8
    Call-to-Action Button Design
    • Call-to-Action Button Design
  • Lesson 9
    Hero Image Design
    • Hero Image Design

Meet the teacher

Rinaldo Ugrina

Agency Owner (CRO & UX Audits)

Through my web design and conversion rate optimization work, I had the pleasure to work with some of the biggest unicorn startups and enterprise companies like Airbnb, Samsung, Softbank, EA, SAP, eBay, 3M, Stanford, Unicef, Dollar Shave Club, Ring, and many more. Most of my work is at a fascinating interplay of technology and psychology.


Course Content

Learn the psychology of web design and copywriting behind high converting hero sections. Create one for yourself. Become an expert at understanding online human behavior.


  • English
  • English, Spanish, French, Italian, Portuguese (Machine translation)
  • Beginners
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion

If you have any questions about this course, please contact us

Start the course and upskill your professional toolkit.

Related courses

Find more courses
like this one.

Currently we have more courses for you View All Courses