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

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

Register & Get access to index
image.jpg


About This Class​


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.
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.
Drawing from academic research in cognitive and behavioral psychology paired with real-life experience this class teaches you how to influence visitor's behavior on your website.
In this class you'll 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 (latest UI & UX approach)
You’ll be creating:
  • A high converting hero-section for your website using proven research-based frameworks from this class
Whether you’re a seasoned pro or just starting out, you should find some valuable takeaways.

Your class project is to create a hero-section for your own website or a landing page using proven research-based frameworks from this class.

If this sounds like too much work to you, don’t fret, it actually isn’t. With the actionable frameworks provided in each lesson, you can execute each step in no time.

This is how it simply breaks down:

  1. Write the copy for your main heading.
  2. Optional: write the copy for your subheading.
  3. Write the copy for your call-to-action button.
  4. Optional: write the copy for your CTA button label text.
  5. Choose a hero image.
  6. Put all the elements together in Figma.
Author
thecoolme
Downloads
275
Views
1,511
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from thecoolme