ONLINE COURSE

Profession

UI/UX
Designer
jayjay.co
About company

JayJay is Our goal Our courses

an educational platform for is to create online courses combine theoretical material,
online learning of modern digital through which our students practical tasks, providing
professions. will be able to get their first feedback and communication
job in a new field. between students and lecturers.
Who Is This Course For?

Switchers Beginners Junior UI/UI Designers

Learn a new profession that Improve your knowledge and Gain solid skills and maximize
will allow you to find creative get practical tools for further your chances of getting hired as
and well-paid jobs career development a Product Designer
About Course
On the UI/UX Designer course, you will find 21 After each lesson, you will find a practical task
modules and over 42 video lessons with that will allow you to consolidate the theory in
teachers who work in large companies and practice and develop the necessary skills.
have gone their own way in practice, so they
will be able to share real practical knowledge You will also find a lot of additional materials,
with you. checklists, templates that will be useful to you
in your work.
The course is designed in such a way that you
start with the basics and with each new lesson
you will go deeper into the profession, so it is
suitable for both beginners and those who
already have knowledge, but no structure.
Teacher Profile

Reyner Soendojo
Product Designer at Bukalapak

Currently Reyner works as a Product Designer at Bukalapak. Reyner

started his career as a graphic designer in 2012 and has focused on UX/UI
design since 2018 until now.

Throughout his career, Reyner has designed various digital products such
as asset management and security software for companies, to website
builders and marketplace integration for B2C. The resulting products have
succeeded in reducing company costs by up to 50% and generating GMV
of up to 2 billion/month.
Teacher Profile

Dimy Ferdiana
Product Design Lead at Ruangguru

Currently Dimy works as a Product Design Lead at Ruangguru. Dimy

manages the design team in payment, core learning, and the learning
management system (LMS) platform so that the learning process for millions
of students, especially in Indonesia, Thailand and Vietnam, runs smoothly.

Dimy started his career as a Product Designer in 2016 at Traveloka. For

almost 4 years Dimy has been directly involved in the development of the
B2B platform which is used by 52 thousand hotels, to arrange
accommodation to be sold on Traveloka. Apart from that, Dimy also
designed the Traveloka B2C application so that it can provide a memorable
experience while traveling.
Teacher Profile

Deardra Nurriel
Product Designer at Unicorn Tech Company

In her daily life, Deardra designs interfaces and user experiences for websites and
applications. As a product designer, Deardra has experience in designing various
types of platforms with diverse needs and objectives, such as e-commerce, B2B2C,
Human Resources, Online Learning Platforms, Analytics/Statistics and others.

To be able to execute maximum product designs, Deardra needs to go through an

end-to-end design process – starting from research, planning, exploring, to
launching – and work closely with the product design team, content designers,
user researchers, product managers, developers and engineers. , as well as
business stakeholders. Deardra and the team have contributed to improving
Indonesia's digital economy ecosystem, especially in helping local e-commerce
sellers to sell online and grow their business, anytime and anywhere.
Teacher Profile

Ignes Nathania Widjaja

Freelance Product Designer

Ignes is a product designer with 5+ years of experience in the field. She has
spent most of her career building various fintech products - from BNPL, P2P
lending, and aggregator platforms for insurance, credit cards, loans, and even
mortgages - as well as land transportation.

Her main achievement was building B2B and B2C Bus products from scratch
at Traveloka. She spends most of her spare time mentoring other aspiring
designers - from fresh graduates to those looking to switch careers.
Course program
Module 0: Introduction. Success Stories. Module 8: User Scenarios Module 16: Usability Testing and Development Phase

Module 1: Introduction to Product Design Module 9: User Story Module 17: Working with People and Stakeholders

Module 2: Understanding Product Design Module 10: Introduction to Figma as Design Module 18: Technology for Product Designers (UI/UX)
Process and Steps Tool
Module 19: What You Should Do to Prepare Yourself for
Module 3: UX Design Strategy Module 11: The Building Blocks: Typography, The Job
Shape, Color and Icon
Module 4: User Research Module 20: How to Look for a Job in Product Design
Module 12: Visual Element: Drawing, Illustration, Field
Module 5: Data Analysis - Gathering Data and Images and Effect
Making Sense of It Module 21: After You’ve Got The Job
Module 13: Advanced Figma Techniques
Module 6: Mental Model in UX Design Final Project: During the entire course, you will work on
Module 14: Information Architecture, Card projects for your portfolio. You will develop your own
Module 7: User Journey Maps Sorting prototype for E-commerce, which will be included in
your portfolio at the end of the course.
Module 15: Wireframes prototypes
Service: Career Center
Module 1
Introduction to ●
●
What is Product Design (UI/UX)?
What is a Product?

Product Design ●
●
Different Types of Product Designers
How to think about what kind of product designer you want?
● The daily life of a Product Designer
● Review and Recap

HASIL PEMBELAJARAN:

● Basic understanding of Product Design to get started

● Able to know what "product" actually means in the field of Product Design
● Product Design is a job that covers a wide range of activities. Here you will understand the different roles and types of Product
Designer and how they fit into the ecosystem
● Understand the type of Product Designer you want
● To get an understanding or description of daily life and work as a Product Designer
Module 2
Understanding ●
●
Align business, product, users and technology
User Lifecycle funnel to see a wider perspective

Product Design ●
●
Define the project scope
UX Design Approach: Bird's Eye View - Close Up View

Process and Steps ● 4 Steps of the UX Process Cycle

HASIL PEMBELAJARAN:

● Understand that design is about realizing the intent of the business, users, and technology to devise solutions that solve problems
● To see the Product Life cycle funnel in a wider perspective to get a comprehensive picture of how it works
● To be able to navigate ambiguity, define, align and define project scope
● Understand the importance of zooming in and zooming out in Product Design and know when to apply them throughout the design
process
Module 3
UX Design ●
●
How to formulate a vision, goals and plans
How to determine the main goals and outcomes of our

Strategy ●
Design project
Execute Design Strategy

HASIL PEMBELAJARAN:

● Knowing how to formulate a UX Design strategy

● Understand how to conduct stakeholder interviews to find out business goals, vision and needs and have
clarity on how to achieve them.
● Learn how to create your own UX design strategy for E-commerce.
Module 4
User Research ●
●
Common User Research Methods
Stakeholders Interview
● User Interview (in depth interview)
● User personas
● Competitive Analysis

HASIL PEMBELAJARAN:

● Able to conduct user research with various methodologies such as in-depth interviews, Affinity Diagrams,
User Personas, and Competitive Analysis to gather insights about user needs, pain points, and problems
● Learn to create your own user research plan and make competitive analysis for your E-commerce project
Module 5
Data Analysis — ●
●
Data Synthesis and Analysis
Steps to Perform Data Analysis
Collecting Data and ● Understand chaos, find patterns and conclusions

Understanding It

HASIL PEMBELAJARAN:

● Able to synthesize and interpret data step by step

● Able to prioritize features/what should be built based on impact on business goals, resource availability, and
user needs
Module 6
Mental Models in ●
●
What is a user's mental model?
How to build a product that fits the user's

UX Design ●
mental model?
What if we ignore our user mental model?

HASIL PEMBELAJARAN:

● Learn how to build products that fit the user's mental model

● Know how to create user interactions that satisfy the user's mental model
Module 7
User Journey Map ●
●
What is user journey mapping?
The main components of user journey mapping
● Why to Use Travel Maps?
● How to make a user journey map for a travel application

HASIL PEMBELAJARAN:

● Learn how to make a User Journey Map

● Create your own User journey maps based on E-commerce case studies
Module 8
User Scenario ●
●
What is a User Scenario?
The main components of the User Scenario
● How to Use Scenarios for Ideation
● How to create a User Scenario for a travel app

HASIL PEMBELAJARAN:

● Learn how to create user scenarios

● Create your own user scenario based on the E-commerce case study
Module 9
User Story ●
●
What is User Story Mapping?
Key components of User Story Mapping
● When and how to use User Story Maps?
● User Story vs user journey Mapping
● User Stories for Agile Development
● How to create User story for travel app

HASIL PEMBELAJARAN:

● Learn how to create user stories

● Create your own user stories based on E-commerce case studies
Module 10
Introduction to ●
●
What is Figma and what does it do?
Team and Project

Figma as a Design ●
●
Create design files and frames
Mood boarding to get inspiration for UX projects

Tool ● Comment and Collaborate

HASIL PEMBELAJARAN:

● Learn how to make a moodboard in Figma

● Able to start with Figma
● Create simple wireframes or complex hi fidelity designs
Module 11
Building Blocks: ●
●
Typography
Form
Typography, ●
●
Color
Icon
Shapes, Colors and
Icons

HASIL PEMBELAJARAN:

● Learn how to work with Figma functionality

● Know how to create building blocks: typography, shapes, colors, and icons
Module 12
Visual Elements: ●
●
Draw
Illustration

Drawing, ●
●
Images
Effect

Illustration, Images ● Prototyping

and Effects

HASIL PEMBELAJARAN:

● Learn how to make prototypes based on E-commerce case studies

● Able to create visual elements: drawing, illustration, drawings, effects
Module 13
Advanced Figma ●
●
Columns and Boxes
Component
Techniques ●
●
Variants and Variables
Library
● Export
● Review and Recap

HASIL PEMBELAJARAN:

● Able to use advanced techniques such as columns and grids, components, variables, and libraries
● Knowing how to collaborate with developers and stakeholders using Figma
Module 14
● Information Architecture and Card Sorting Technique

Information ●
●
Ideation and Quick Sketching
User Flows + Site Maps

Architecture, ●
●
User Flow Diagrams and the meaning of the symbols
Sketching, creating information architecture, user flows based

Card Sorting on travel application cases

HASIL PEMBELAJARAN:

● Learn how to sketch

● Learn to create information architecture
● Learn to create user flows
Module 15
Wireframes ●
●
Creating Wireframes with our UX Design Findings
All about Prototyping

prototypes ●
●
Review and Recap
Create wireframes and prototyping based on the travel app
case

HASIL PEMBELAJARAN:

● Understand how to translate insights into real solutions through sketching, creating information architecture,
user flows, sitemaps, wireframes, and prototyping
● This lesson is about bringing our idea to life, creating a prototype, and making sure the idea is based on the
insights we got from the previous steps.
Module 16
Usability ●
●
Work with Developers as a Product Designer
Types of usability testing

Testing and ●
●
First Impression Test
Usability testing test plan

Development Phase ●
●
Perform usability testing
Survey and Questionnaire
● Review and Recap

HASIL PEMBELAJARAN:

● Understand validation as part of an important phase of the design process before development begins
● Know the many types of user validation and know when to use them to gain user insights effectively
● Know how to create test scenarios and perform usability testing
● Able to conduct evaluative research through surveys and questionnaires
Module 17
Working with ●
●
Work with Engineers
Work with Researchers

Others and ●
●
Work with Product Manager
Collaborate with other stakeholders

Stakeholders ● Review and Recap

HASIL PEMBELAJARAN:

● Able to understand needs and communicate well with engineers, researchers, product managers and other
relevant stakeholders
Module 18
Technology for ●
●
Why study technology?
The "cloud" servers, clients, and the inner workings
Product Designers ●
of the Internet
Understand Front End, Back End and Tech Stacks
(UI/UX) ● Understanding API - Application Programming
Interface
● HTML and CSS
● Review and Recap

HASIL PEMBELAJARAN:

● Able to understand the bigger picture about how technology works

● Technical understanding of how the internet works
● Front-End and Back-End technical understanding and Tech Stacks as building blocks
● Understand how data stores and APIs work
● Understand how design layouts are implemented on the Client Side via HTML and CSS
Module 19
What You Should Do to ● Gain Relevant Experience
● Building a Portfolio with Side Projects
Prepare Yourself for ● Brand Yourself
● Connect with the Community
The Job ● Review and Recap

HASIL PEMBELAJARAN:

● Understand how to seek relevant experience and take the first step towards acquiring it
● Gather experience and document it in a portfolio for future hiring processes
● Know how to build personal branding that fosters trust
● Getting to know people in the industry might help to excel in your career and beyond
Module 20
How to Find a Job ●
●
Where to look and what to look for?
Resumes

in Product Design ●
●
Job interview for Product Designer
Tips for getting Jobs
● Review and Recap

HASIL PEMBELAJARAN:

● Understand where and what to look for in a job that meets your needs and interests
● Be able to write a resume that will appeal to hiring managers and avoid the mistakes of writing a resume that
is irrelevant to the job
● Understand the different types of Product Design job interviews and how to master each process
Module 21
● First thing to do
After You’ve Got ● What to avoid as a newcomer
● Get ready in your first 3 months and be a top performer
The Job ● Review and Recap

HASIL PEMBELAJARAN:

● Familiarize yourself with the new job

● Understand how to optimize the onboarding process and avoid rookie mistakes
● Streamline the onboarding process and be a top performer from the start
Final Project Prototyping

During the course, you will work on a project for your

portfolio. You will develop your own prototype for
e-commerce, which will be included in your portfolio at the
end of the course.

HASIL PEMBELAJARAN:

● Apply the knowledge acquired in the course

JayJay Job Guarantee —
Leave Your Job Search To Us
We are 100% confident you’ll get
a job. Just follow these simple
rules, and we will help you start
a career in web development.

Complete all projects and assignments

Complete all the modules within the deadlines
Follow each step in Career Center process and
make required efforts to find a job
Career
center
jayjay.co
How we help you find a job with our CAREER CENTER

Full guide on how to create a persuasive Learning and job interview preparation
resume and LinkedIn profile
There is a high level of competition when you're You'll have a personal online session with an
looking for a job. We will teach you how to experienced recruiter, where you'll pass the test
improve your social network skills and prepare a interview. You will get practical preparation and a
CV and LinkedIn profile to help you stand out lot of recommendations on how to highlight your
among other employees. best qualities during real job interviews

Career coaching 1:1 Lifetime access to career support

If you're lost on your career path, we'll help with You'll get lifetime access to our Job Connect
this. During our career coaching, you'll determine Program. You'll regularly receive new openings
your career goals, prepare for challenges and from our partner network and the whole IT labor
draw up your personal development plan. market.
How we teach

01 02 03 04 05
THEORY PRACTICE FEEDBACK FINAL CAREER
PROJECT CENTER
Studying Doing your Get feedback Create your Receive
theoretical homework from a mentor own portfolio employment
material assistance
Teacher in career center
Rendhy Ardya Profile

Head of People at Flip

1. More than 8 years of experience in HR

2. Managing +-30 team members with 6 direct
subordinate
3. Assisting Bukalapak employee growth from +-100
employees to +-2700 employees in 4 years
4. Conducted more than 10 thousand interviews for
various positions
Format

FLEXIBLE FORMAT PRACTICE DIPLOMA

Watch the lessons when it is Complete tasks to consolidate After completing the course, you
convenient for you and get the acquired knowledge will receive a diploma
feedback on completed tasks

FEEDBACK ONLY EXPERTS ADDITIONAL MATERIALS

You will receive feedback for Learn from teachers with real For each lesson, you will receive
every completed task. practical experience additional materials that will allow
you to study the profession even
deeper.
Why JayJay school?
Installments Job Guarantee Lifetime access

Learn now, pay later Our Career Center helps you Review the course as many
find a job and prepare for an times as you need to
interview.

Money-back guarantee Learning Management Flexible learning

System
If you don't like our course, Spend around 5 – 10 hours a
we will refund your money. Not just lessons, but an entire week on studies. You can
learning environment complete learn anywhere and anytime
*Money-back guarantee up to with simulators, cases, templates,
7 days after the start of the and more.
course
SUMMARY

Practice Tools

9
Months
●

●
Create your own user research plan and make
competitive analysis for your e-commerce project
Create user interactions that satisfy the user's
●
●
MIRO
FIGMA

mental model
● Create a User Journey Map, user scenario, and user

21
Modules
●

●
journey
Learn how to work in Figma and build prototypes
based on E-commerce case studies
Sketch and create information architecture, user
flow based on E-commerce case studies as
homework

65+
Hours
●

●
Make a Usability Testing plan and do UT with real
users based on E-commerce case studies as
homework
Create a UX Design case study portfolio based on
e-commerce case studies as homework
What’s next?
Find out how to sign up for this
course and get 40% off

Phone
+62 855 7467 4777
WhatsApp
+62 855 7467 4777