Designing Interactive Web Pages with Figma
A course by Eva Sánchez Clemente , UX/UI Designer
Joined September 2017
Learn to design interactive, eye-catching, and easy-to-program web pages based on user behavior
Joined September 2017
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.
What will you learn in this online course?
15 lessons & 27 downloads
- 94% positive reviews (124)
- 6,091 students
- 15 lessons (2h 23m)
- 27 additional resources (9 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish, English, French, Italian, Portuguese, Turkish
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch · Turkish
- Level: Beginner
- Unlimited access forever
Recommended software & tools for this course
Adobe After Effects
FigmaWhat 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
Eva Sánchez Clemente
A course by Eva Sánchez Clemente
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
PlusIf 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
You’ll learn how to craft interactive digital experiences, apply the latest UX/UI trends, structure projects with wireframes and prototypes, manage briefings, build mood boards, and develop a professional web design portfolio.
This course is aimed at those with intermediate knowledge of graphic or digital design, but you don’t need to be an expert. Basic familiarity with digital design tools is recommended.
You’ll need a computer with internet access and software like Figma and After Effects. Having accounts on platforms like Dribbble and Raindrop is recommended to organize inspiration and resources.
You’ll learn how to select and showcase projects, apply current visual concepts, and structure your web portfolio to stand out in creative communities and boost your career opportunities.
You’ll primarily work with Figma, After Effects, and Chrome extensions for design. You’ll also learn how to gather inspiration on Dribbble and organize resources using Raindrop.
The course teaches techniques for creating effective mood boards, collecting and organizing visual references, and using digital tools to capture and classify inspiration based on your project.
Yes, it covers and applies trends like neumorphism, brutalism, flat design, and glassmorphism so you can experiment with and adapt innovative visual styles in your web projects.
Adobe After Effects
Figma
I really enjoyed this course. I would like to know a bit more about the after effects precess on creating interactions. but i can recommend it.
Excelente curso, me ha brindado herramientas para gestionar proyectos UX UI.
Der Kurs ist sehr gut aufgebaut und verständlich, ich kann meine Kursziele gut erreichen. Ich konnte Einiges lernen, Danke.
Excelente explicacion, dinamico y útil
Very educational course.