Creating Innovative Web Designs
A course by Contra Studio , Digital Design Studio
Discover the process and tools to create informative and interactive web pages that stand out for their creativity
Discover the process and tools to create informative and interactive web pages that stand out for their creativity
Want to take your graphic design knowledge to the next level? In this online course, learn to design interactive and informative websites with the designers and founders of Contra Studio, Juan Felipe Luna and Sebastián Vélez. They have collaborated with clients such as Nike, La Silla Vacía, S&Co, and Bastarda Type.
Discover how to create interactive pages that wow your users using Figma. They give you the necessary tools to develop your creativity, taking into account the client's requirements and applying basic concepts of design and interactivity to take your digital projects to a professional level.
What will you learn in this online course?
19 lessons & 25 downloads
- 98% positive reviews (59)
- 2,686 students
- 19 lessons (2h 43m)
- 25 additional resources (9 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch
- Level: Beginner
- Unlimited access forever
Recommended software for this course
FigmaWhat is this course's project?
Design an informative website with a simple structure for a potential client, who could be a freelancer, a company, or even an ecommerce brand.
Projects by course students
Who is this online course for?
Creative and curious people who are interested in dabbling in website design to create projects that have an impact on people.
Requirements and materials
To take this course, all you need is basic knowledge of graphic design and the use of Figma.
Reviews
A course by Contra Studio
Contra Studio is a web design and development studio created by Juan Felipe Luna and Sebastián Vélez, from Bogotá, Colombia. They are committed to experimentation, creativity, and innovation, and strive to take each digital project one step further to achieve an impact factor, surprising and inviting interaction.
They have collaborated with clients such as Nike, La Silla Vacía, S&Co, and Bastarda Type, and their projects have been recognized in awards such as the Latin American Design Awards, as well as in portals such as Communication Arts.
Content
-
U1
Introduction
-
Presentation
-
Influences
-
-
U2
Research and Context
-
Receive the Brief
-
Research and Navigation Map
-
References and Inspiration
-
-
U3
Structure and Wireframes
-
Content Strategy and Information Architecture
-
Wireframing 1
-
Wireframing 2
-
Wireframing Recommendations
-
-
U4
Art Direction
-
Layouts and Grids
-
The Typography
-
The Color
-
-
U5
The Interaction
-
Motion Design
-
Interactions and Microinteractions 1
-
Interactions and Microinteractions 2
-
Gestures and Graphic Details
-
-
U6
After Designing
-
Presentation to the Client
-
Receiving Feedback
-
Create a Style Guide
-
-
FP
Final project
-
Creating Innovative Web Designs
-
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.
Figma
thomas_aux
Buen curso
View translation
Hide translation
marvl
Explican bastante bien todo el proceso y las nociones básicas para el diseño de páginas web. Bastantes referencias interesantes y se centra en las interacciones y microinteracciones. Está bien para empezar y tener una visión general, pero se necesitan conocimientos previos de Figma porque pasan muy rápido por la herramienta.
View translation
Hide translation
emma_faye
The part I was most interested in were missing in this course. We went from wireframes to -poof- a full-fidelity page designs. Bummer! Also, I was a bit surprised that you made one version of the wireframes. Why didn't you try other things? What was your logic for deciding on those patterns?
While I appreciate that you shared the entire process (from what questions to ask in the discovery meeting to the proper way of gathering feedback), I assumed there would be more _design_ in this course.
yurlevinson
Muy buen curso!
View translation
Hide translation
alanmunari
Muy buen curso, contra studio me hizo amar figma y fueron los que me lo mostraron. Gran curso y único
View translation
Hide translation