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
- English, Spanish
- 94% positive reviews (85)
- 3610 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.
What will you learn in this online course?
15 lessons & 27 downloads
- 94% positive reviews (85)
- 3610 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
Recommended software 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
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
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.
Adobe After Effects
Figma
inesly.vega
Muy completo y fácil de entender. Me gusto mucho el contenido!
View translation
Hide translation
mery_villavicencio
muy recomendable para aquellos que ya estan familiarizados con figma, y quieren ir por más, el contenido adicional y todas las referencias que brinda la profesora son una pasada, muy contenta de haberlo realizado.
View translation
Hide translation
somoslosdearriba
Un proceso de trabajo bastante interesante!
View translation
Hide translation
carlescambel
Curso muy bueno. Explica bien los concepts y su metodología de trabajo.
View translation
Hide translation
natconsc
Muy buen curso, sobre todo si quieres comenzar a hacer cosas diferentes con tus webs, encuentras mucha inspiración y ganas de probar diseños más creativos y únicos.
View translation
Hide translation