UI Design Foundation

UI Design Course Syllabus

allWomen is the leading online tech academy for women by women. Our courses give
you the skills you need to build a rewarding career in technology, boosting your profile
so you can thrive professionally in a rapidly growing sector.

In the UI Design Course, you will acquire solid knowledge and understanding of UI that
will equip you for your future career as a UI Designer. This is a complete course with all
the must knows of the industry and practical exercises applied to the project you will be
developing. By the end of this course you will have a case study ready to show in your
next job interview!
Index

1 Meet your Instructors, Mentors & Community

2 What you will get

3 Set yourself up for a successful learning experience

4 Course Objectives, Structure, Overview and Final Project

5 Price and Payment Methods

Meet your instructors, Mentors
and community.

Top Industry Female Instructors

Our courses are taught by female professionals in their fields, who have honed their skills in the world of tech over many years.
The course design is informed by their real-world experience and knowledge of the tech sector; this is at the core of their teaching
and learning experience.

Expert Mentors & Mentor Assistants

You’ll receive access to a team of UX/UI Design experts and mentors. These professionals will be present to guide discussions,
host live sessions, provide career advice, provide support and feedback, and foster peer connection.

Alumna & Community

Over the years we’ve built a community of over +30K professional women in tech. You’ll learn alongside a cohort of passionate
professionals from around the world and different backgrounds seeking to bring innovation and creativity to their work. Build your
professional network by making valuable connections in each course.
Susana Passhinas
Lead Instructor
Susana is a Senior UX/UI Designer with over 15 years of experience. She has
worked as Visual Designer, Product Designer and UX/UI Designer. From small
UX boutiques to startups and scale-ups, from energy consumption to health
and services, from small to big teams, Susana has done it all. She joined
allWomen in 2020 teaching UX/UI Design and she felt so passionate about
teaching that she is now also mentoring UX/UI Design students from all over
the world.

An holistic approach to design and design processes, alongside with a strong

critical thinking and user centric mindset is what defines Susana as a profes-
sional. As an individual Susana has a high energy and a positive attitude
making the learning experience a delight!

Susana has carefully crafted this comprehensive course to cover the funda-
mentals of UI Design, and will be in charge of the Q&A live sessions. She will
also be the career development coach for this UI Design course, providing a
live session to share her top tips to develop your portfolio, and the strategies
that will help you land your UI Design job based on her own experience.

Uliana Musikhina
Industry Expert
Uliana Musikhina is a Senior Product Designer at Capdesk from
Carta, an art director, and a music lover. She works on user-centered concepts
and has been designing excellent digital products
in cross-functional teams since 2014.

Uliana will be the industry expert for this course, sharing a

real-life UI Design case.
What you will get
This course combines live sessions with flexible self-paced modules so you can get the best of both worlds for an
optimal learning experience. Learn from multimedia learning materials, take part in module assignments, and build
your own project that’s portfolio-ready. Each of our courses include:

1 A 5 module course over 10 weeks, 2 weeks per module

2 10 to 15 dynamic videos by your lead instructor

3 5 exclusive podcasts by your lead instrvuctor and industry guests

4 Up to 10 hands-on exercises

5 5 assignments for self evaluation of the concepts learned

6 1 optional final project to kickstart your portfolio

7 Bi-weekly live sessions:

1 case study live session with our industry expert

1 career development coaching live session with our development coach

2 Q&A live sessions with your lead instructor

8 1 Slack channel for daily and live support (a.k.a. office hours) from Monday to Thursday with mentors

9 1 Slack channel dedicated to Product Management so you get to share ideas, resources, knowledge
and feedback with other students and professionals just like you (24/7 access)

10 Lifetime access to our growing Community Slack Workspace

11 A certificate when you complete all 5 modules and assignments within the 10 weeks

12 1 year access to all the course content

*Live sessions will be recorded in case you can’t attend

Set yourself up for a successful
learning experience.
The allWomen online learning experience is designed so that you can make the most of the course without having to sacrifice your
busy schedule. Combining live sessions with flexible self-paced modules, you have the flexibility you need to go at your own pace
while having the hands-on, interactive experience that takes learning to the next level.

What’s more, we give you access to a range of multimedia resources like podcasts, videos and articles, and provide you with
practical assignments so you can put your learning to the test, and develop a final project that’s ready to add to your portfolio.

Self-paced modules
Go at your own pace with our self-paced modules. Have a full 2 weeks to complete each module, or opt to take them at a more
leisurely pace to suit your schedule. Get access to a range of additional resources to further your learning, and take part in optional
assignments to put your knowledge to the test and further development.

Development cohorts
Expand your learning and hone in on your career goals with our development cohorts. These live sessions are hosted by industry
experts and coaches, and are specifically designed to be a hands-on experience where you can learn the tips and strategies you
need to land your dream job and master your daily goals.

Real world, practical projects

Apply what you have learned and hone your skills with weekly assignments based on practical, real-world examples. Your weekly
projects are specially created to come together for your final project. As a result, you’ll have created a real product case that you
can add to your portfolio to show companies what you can do.

Multi-content approach
Stay motivated and intrigued in your learning with a ton of videos, podcasts, exercises, tools, and more. Get exclusive access
to podcasts and videos from your lead instructors and industry experts, so you receive knowledge and tips that you won’t find
anywhere else.

Dedicated support
Join the Community Slack channel to speak to your mentors and fellow course-takers, and solve any questions or doubts you
may have. Speak live with your mentors during weekly “office hours” to tackle specific topics or areas, and join in the live
Q&A sessions with your lead instructor.

Strong community
Become part of the 30k+ allWomen community when you join one of our courses, and stay a part of it for life! You’ll get lifetime
access to our Slack channel where you’ll receive the latest news, events and other updates to maintain a strong relationship
with fellow women in tech!
Course Objectives, Structure,
Overview & Final Project
Course Objectives

n this course you will learn the basis of UI Design. You will gather the knowledge and understanding of the industry conventions,
patterns, methods and tools that will allow you to create beautiful and meaningful interfaces. You will start with sketching and
learn the basics of composition, grids, typography, color, interaction and motion. You will also learn how to test your high fidelity
prototype, not only that, once your designs are ready you will know how to prepare the handover to the developers.

1 Understanding what is UI design and what a UI designer does

2 Learn the basics of visual design, interaction design and motion
3 Be familiar with design processes, methods and tools
4 Develop critical thinking and strengthen decision-making

Time Commitment
We estimate around 3 hours of learning spent per week of the 10 week course.
That’s a total of approximately 30 hours to complete the entire course (not including the final project or assignments)
Course Structure

Module Live Session Led By Mentors Support

Week Meet & Greet Staff + Mentors

1.
Ideation: Sketching
Q&A with
Week Lead Instructor Susana Passinhas

Week 2. Individual course progress

Interaction Design
Principles, Information
Architecture, Sitemaps,
Wireframes and Flows Career Development
Week Susana Passinhas
Session with Coach
Dedicated Slack
channel with
mentors to receive
Week Individual course progress feedback on
3. assignments and
Prototyping and answer questions
Usability Testing
Q&A with
Week Lead Instructor Susana Passinhas

Week Individual course progress

4.
Composition &
Structure, Grid, Styles
/ Buttons, Icons
Case Study with
Week & Typography / Color Uliana Musikhina
Industry expert

Week 5. Individual course progress

Motion, Responsive
and Adaptive Design,
Design System, Atomic
Design / Handoff to
Week Developers Mindful Wrap-up Staff
Course Overview

Module 1
week Ideation: Sketching
Learn methods to generate ideas and start sketching a website/app for your project

Module 1
week Interaction Design Principles, Information Architecture, Sitemaps, Wireframes and Flows
Learn the basics of interaction design and continue to explore your initial sketches
by using them to create your first flow in low fidelity.

Module 1
week Prototyping and Usability Testing
Start moving your sketches into figma, and learn about research methods focusing
on usability testing.

Module 1
week Composition & Structure, Grid, Styles / Buttons, Icons & Typography / Color
Learn the basics of visual design and apply it to your project.

Module 5
Motion, Responsive and Adaptive Design, Design System, Atomic Design /
week Handoff to Developers
Learn basics to motion, responsive & adaptive design and how to create your design
system to then prepare your project to hand over to developers.
Module 1:
Ideation - Sketching
The goal of the first module is to understand the Design Process, what is UI Design and what a UI Designer does.
You will learn methods to generate ideas and will start sketching the website/app that you will be developing during the course.

Content
The Double Diamond

What is UI Design

What is the role of a UI Designer

Ideation Techniques

Collaborative Ideation Sessions

Learning Objectives
Understand the Design process - Double Diamond

Understand what is UI

Understand what is the role of a UI Designer

Understand what ideation is in the Design Thinking process

Be familiar with ideation techniques

Get the know-how on how to prepare a collaborative ideation session

Understand how to practice sketching

Module 2: Interaction Design Principles,
Information Architecture, Sitemaps, Wireframes
and Flows and Flows
In this module, you will learn how to use data to frame problems, understand your target users, and determine
how to know if your product will be successful in providing value to their intended users.

Content
Interaction Design Principles by Jakob Nielsen

Information Architecture

Sitemaps

Wireframes (what they are for and how to do them)

Flows (what they are for, types of flows and how to do them)

Learning Objectives
Understand the Interaction Design Principles by Jakob Nielsen

Understand what is Information Architecture

Understand what are sitemaps and how to create them

Understand what are wireframes and how to create them

Be familiar with user flows and the different types of flows

Understand how to create flows

Module 3: Prototyping and Usability Testing
In this module you will continue to develop your project by moving your sketches into Figma so that you can create your first
digital low fidelity prototype. You will learn about research methods focusing on usability testing. You will learn how to con-
duct usability test interviews, how to write scenarios and tasks, and how to prepare the interview script. You will practice by
doing your first usability test using your low-fidelity prototype.

Content
Introduction to Figma

Prototyping

Different types of research methods

Usability testing

User tasks and scenarios

Running a usability test (recruiting users, script, logistics, etc)

Learning Objectives
Getting familiar with Figma

Understand how to prototype in Figma

Be familiar with the prototyping tools available

Understand what low, mid and high-fidelity prototypes are

Understand the different types of research methods and criteria

Be familiar with the types of testing and the differences between each

Be familiar with usability testing

Understand what user tasks and scenarios are

Be familiar with how to prepare for a usability test

Module 4: Composition & Structure, Grid,
Styles / Buttons, Icons & Typography / Color
In this module you will learn the basics of visual design: visual design principles, color, typography, grids
and composition and you will apply it to your project.

Content
Visual design principles

Composition and grids: columns, field elements, gutters, side margins,

field elements inside columns, figma grid basics

Creating styles in Figma

Buttons basics

Icons basics

Typography basics

Psychology of color

Color in different screens and devices

How different colors interact with each other

Learning Objectives
Understand what are visual design principles and how to apply them

Be familiar with composition and grids

Be familiar with setting styles in Figma

Understand what buttons are and how they work

Be familiar with icons and how to use them

Understand typography basics and the proper use of typefaces

Understand color psychology

Be familiar with how color works in screens and devices

Understand how different colors interact between each other

Module 5: Motion, Responsive and Adaptive
Design, Design System, Atomic Design /
Handoff to Developers
Now that you know how to function as a Product Manager, it’s time to get that role! In this module, you will gain confidence
to apply for Product Manager positions in your dream company. You will learn how to position yourself as a qualified
Product Manager through communication and storytelling, one of the most critical skills in a Product Manager’s tool kit.

Content
Motion Design in UX

12 Principles of motion

Motion in prototyping

Responsive and adaptive design

Design systems

Atomic design

Handover: Benefits of documentation

Handover: Format

Handover: Must have

Learning Objectives
Understand the principles of motion design

Understand the difference between Responsive and Adaptive design

Be familiar with Design Systems

Be familiar with Atomic Design

Understand how components work in Figma

Understand what a design handoff is

Be familiar with the possible causes of a bad handoff

Know what documentation is necessary, formats and required content

Be familiar with how to prepare handoff in Figma

Final Project

During the 5 modules of the course you’ll have the opportunity to create a UI Design Case from scratch, a great
way to start your portfolio as a UI Designer and to apply all the concepts learned during the course. Once you’ve
done and submitted it, you’ll receive feedback about it from the mentors. This final project is optional and you can
still obtain the certificate if you decide not to do it.

Project by
Rute Silva Saavedra LinkedIn
Price and Payment Methods
The price of the course is 499€.
You can directly pay for the course by credit or debit card on the checkout page.

At the checkout page you’ll also find the possibility to pay with Klarna
Klarna is a payment provider that offers split payment alternatives depending on your country of residence.
These alternatives are the following:

Pay in 3 installments: Split the payment of your course in 3 installments (1 per month) with no extra cost.

‘Buy now, pay later’: Buy the course now and pay 30 days later with no extra cost.

Financing: Split the payment of your course in several installments that range from 6-24 months
with interest rates starting at 0%.

*Not all alternatives are available in all countries.

Access the checkout and press ‘Klarna’ to see which options are available in your country.
Shaping the next generation
of female tech leaders.
Level up your skillset with a flexible, practical online learning experience that fits in perfectly with your busy routine.
Join one of the leading female tech communities in the world and pave your own way to success!

Can’t find what you’re looking for?

We’re here to guide you!

Book a meeting with our Admissions Lead

Ella Werleman

Or write us:
courses@allwomen.tech