Designing Interactive Web Pages with Figma

A course by Eva Sánchez Clemente , UX/UI Designer

UX/UI Designer. Barcelona, Spain.
Joined September 2017

Learn to design interactive, eye-catching, and easy-to-program web pages based on user behavior

  • English, Spanish
  • 94% positive reviews (85)
  • 3561 students

Learn to design interactive, eye-catching, and easy-to-program web pages based on user behavior

According to UX/UI designer Eva Sánchez, in order to create a web page from scratch it's essential that you take two things into account: the client project and user behavior. From there, it's down to your own interests, stimuli, and culture to determine the visual details.

In this online course, learn to understand a brief and then go a step further to add your own artistic vision to each project. Throughout your journey alongside Eva, see how to use fonts, images, and composition to create intuitive web-design proposals that enrich both user experience and interaction.

Read more ↓

What will you learn in this online course?

15 lessons & 27 downloads

Prepare the file
8 minutes, 35 seconds
The work process
6 minutes, 20 seconds
English, Spanish
  • 94% positive reviews (85)
  • 3561 students
  • 15 lessons (2h 23m)
  • 27 additional resources (9 files)
  • Online and at your own pace
  • Available on the app
  • Audio: English, Spanish
  • Spanish, English, Portuguese, German, French, Italian, Polish, Dutch
  • Level: Beginner
  • Unlimited access forever

What is this course's project?

Put together an interactive, attractive, and functional web project.

Projects by course students

Who is this online course for?

Anyone looking to update and broaden their knowledge in the world of digital experiences.

Requirements and materials

In order to complete this course, you need a computer with internet access and basic notions of an interface design tool, preferably Figma, as well as graphic design.

New to Adobe After Effects? In that case, we recommend taking Domestika Basics courses to learn how to use the software: Introduction to After Effects.


Reviews

3561 Students
85 Reviews
94% Positive ratings

Eva Sánchez Clemente

A course by Eva Sánchez Clemente

Teacher Plus
UX/UI Designer

Eva Sánchez began her career learning graphic design in Tenerife and working in advertising until, in 2019, she moved to Barcelona to focus solely on digital design. It was thanks to sharing her work on social media and her personal website that she received her first recognition of Honorable Mention and formed part of the jury at Awwwards, an international community for digital creatives.

From there, she began to make a name for herself and collaborate with other independent studios including Fuego Camina Conmigo, Ophion, Rebeka Arce Studio, and Réplica Studio, among others. She currently works at Jam3, an international agency dedicated exclusively to design centered around digital innovation and experience.


Content

  • U1

    Introduction

    • About Me
    • Influences
  • U2

    Understand and define the project

    • The context of web design
    • The importance of the briefing
    • Search for references and the mood board
  • U3

    Design the web experience

    • UX: structure and content of the web
    • Color, typography and composition
    • Design for a “mobile first” context
  • U4

    Prototype, animate and refine the design

    • Basic prototyping in Figma
    • Animate elements in After Effects
    • Prepare the file
  • U5

    Present, communicate and collaborate

    • The work process
    • Orchestrate a web project
    • Pixel pushing: take care of your project
    • Publish and promote your work
  • FP

    Final project

    • Designing Interactive Web Pages with Figma

What to expect from a Domestika course

  • Learn at your own pace

    Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.

  • Learn from the best professionals

    Learn valuable methods and techniques explained by top experts in the creative sector.

  • Meet expert teachers

    Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.

  • Certificates
    Plus

    If you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.

  • Get front-row seats

    Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.

  • Share knowledge and ideas

    Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.

  • Connect with a global creative community

    The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.

  • Watch professionally produced courses

    Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.


FAQs

Domestika's courses are online classes that provide you with the tools and skills you need to complete a specific project. Every step of the project combines video lessons with complementary instructional material, so you can learn by doing. Domestika's courses also allow you to share your own projects with the teacher and with other students, creating a dynamic course community.

All courses are 100% online, so once they're published, courses start and finish whenever you want. You set the pace of the class. You can go back to review what interests you most and skip what you already know, ask questions, answer questions, share your projects, and more.

The courses are divided into different units. Each one includes lessons, informational text, tasks, and practice exercises to help you carry out your project step by step, with additional complementary resources and downloads. You'll also have access to an exclusive forum where you can interact with the teacher and with other students, as well as share your work and your course project, creating a community around the course.

You can redeem the course you received by accessing the redeeming page and entering your gift code.

If you're a Plus member, when you complete a course you've purchased, you'll instantly get your personalized certificate. You can see all your certificates in the Certificates section of your profile. You can download your certificates as PDFs and share the link online. Learn more about certificates.
Designing Interactive Web Pages with Figma. Web, App Design, and Design course by Eva Sánchez Clemente

Designing Interactive Web Pages with Figma

A course by Eva Sánchez Clemente
UX/UI Designer. Barcelona, Spain.
Joined September 2017
  • 94% positive reviews (85)
  • 3561 students