UX/UI Design Starting with the Korea Government Design System (KRDS)

Understand the basics of the e-Government Standard Framework and the Korea Government Design System (KRDS), and proceed with the redesign of the Military Manpower Administration website using the Korea Government Design System (KRDS).

(5.0) 3 reviews

6 learners

Level Beginner

Course period Unlimited

Web Design
Web Design
Figma
Figma
eGovFrame
eGovFrame
UX Planning
UX Planning
UIUX
UIUX
Web Design
Web Design
Figma
Figma
eGovFrame
eGovFrame
UX Planning
UX Planning
UIUX
UIUX

Reviews from Early Learners

Reviews from Early Learners

5.0

5.0

김수아

100% enrolled

It was impressive how the content unfolded by focusing on real-world cases and flow, including theory. I liked that it didn't just stop at simple explanations but also approached it from a practical application perspective!!

5.0

DKN

100% enrolled

This course consists of 60% theory and 40% practical application. It was my first time hearing about KRDS, and it's fascinating that there is an official design system released by the South Korean government. Through this lecture, I gained a clear understanding of public UX standards, and I will strive to create a positive impact based on what I've learned.

5.0

Neo

100% enrolled

This course is designed to help you understand and utilize the Korea Government Design System (KRDS) to learn government design methodologies, and even practice them through a simple redesign project!

What you will gain after the course

  • Understanding the Republic of Korea e-Government Standard Framework (KRDS)

  • Understanding the Government of the Republic of Korea Design System

  • Utilizing the Government of the Republic of Korea Design System

  • Simple design concepts and design system applications

  • Practical application skills through government website redesign

Exclusive Release | Complete Guide to the Korea Design System (KRDS)

Web Design, Figma, e-Government Standard Framework, UX Planning, UIUX

KRDS is not just a simple design guide, but a core design thinking framework for public UX/UI.
You can deeply understand the principles of KRDS, which provides an easy-to-understand structure, clear information, and a stable user experience, and
develop the ability to solve actual design challenges.

When you tried to apply a design system to a public institution website, did it actually feel more complicated?

You felt that theory alone wasn't enough, so you even opened the actual KRDS documents and Figma files, but were you at a loss as to where and how to start?

Through this course, you can solidify your practical skills by following a systematic roadmap, covering everything from KRDS design principles and component utilization to an actual redesign project for the Military Manpower Administration website.



Now, take the opportunity to understand the depth of public design and create a practical portfolio through KRDS.
It will be a definitive turning point for your growth.

From the principles of the KRDS design system to
component design using Figma,
build the core competencies to strengthen your portfolio with the government design system.

Don't just stop at theory; take the opportunity to
take a new leap forward through an actual public website redesign project.

By the end of this course, you will be able to

You will be able to fully understand the Korea Government Design System (KRDS) and apply it to practical work.

Beyond simply being a design guide or tool file, you will come to understand KRDS as a core thinking system for public service design. You will gain the ability to clearly grasp the standards of public UX/UI design and systematically build design evidence.

✔️ Why you should choose this course

https://inf.run/Te74Y
Ruby's already proven teaching skills + the unique domain of KRDS
Create your own unique portfolio and experience through Ruby's KRDS lecture!

Public Website Redesign Project

In this course, you will systematically learn everything from the basics of the Korea Government Design System (KRDS) to practical redesign using Figma.

In particular, through the Military Manpower Administration website redesign project, you can strengthen your public website design capabilities by directly applying the KRDS.

KRDS-based Practical Redesign Project

Using Figma, you will apply KRDS design principles and experience the entire process from analyzing the Military Manpower Administration website to its redesign, gaining practical hands-on experience.

You can complete a website redesign portfolio utilizing a design system.

The PPT (PDF) used in the lecture is provided, and the KRDS design system file (Figma) can be downloaded from the Figma Marketplace and Download Resources | Getting Started - KRDS!

📚Complete Mastery of KRDS through Practical Project-Oriented Learning

Section 1

Introduction to the Korea Government Design System (KRDS)

This course introduces the overall curriculum of the KRDS lectures and explains the importance of public service UX, highlighting that KRDS is a core design thinking framework that goes beyond a simple guide file. The learning objectives are to familiarize yourself with public UX standards, understand the design system, and establish a solid rationale for design.


Section 2

Causes of Public UI Inconvenience and the Necessity of KRDS

It emphasizes the importance of consistency and accessibility in public UX and explains how the KRDS design system serves as a common language for collaboration among designers, planners, and developers. Participants will explore the KRDS site documentation to understand its structure.



Section 3

KRDS Platform Theory: Design Principles and Naming Conventions

The basic design principles, naming conventions, and digital inclusion of KRDS are studied theoretically. Through this, the philosophy and approach that form the foundation of the public design system are understood, establishing a basis for design decisions.


Section 4

KRDS Design System Theory: Visual Elements

The theoretical exploration of KRDS visual design elements, including color, typography, design shapes, layout, icons, and elevation. Understand the concept of design tokens and establish the foundation for building a consistent visual design.



Section 5

KRDS Component Theory: UI Components

Theoretically learn various UI components of KRDS, including service structure, navigation, input, action, data representation, layout, feedback, and help & accessibility components. Understand the system of reusable UI building blocks.


Section 6

Figma-based KRDS Practice: Utilizing the Design System

You will learn how to practically analyze and utilize KRDS design system files within the Figma environment. Gain practical insights through real-world application examples of the design system, such as component structures and style utilization.



Section 7

Figma-based KRDS in Practice: Design Experience Design

You will learn how to understand KRDS UX patterns and apply designs that prevent user errors. You will develop the ability to make design decisions based on KRDS standards by organizing patterns into screen units and designing service flows.


Section 8

Figma-based KRDS Practice: Military Manpower Administration Website Redesign

Analyze the Military Manpower Administration website based on KRDS standards and conduct a practical redesign project. Organize the resulting design outcomes and learn how to apply them to actual practice to build a solid foundation for your portfolio.


Section 9

Course Wrap-up

Summarize the overall learning content of the Korea Government Design System (KRDS), provide advice on future learning directions and practical application, and conclude the lecture.


We can solve the concerns of
people like this!

📌

Job seekers preparing for public institutions/public enterprises

Job seekers who want to build practical skills in handling government design systems, add a point of differentiation to their portfolio, and increase their competitiveness for employment in the public sector.

📌

UX/UI Designer

Designers who want to grow into design system experts by improving the inconveniences of existing government websites and gaining experience in actual service redesign projects using KRDS.

📌

Those interested in KRDS

Those who are interested in the government design system, KRDS, and wish to gain experience in a redesign project using that design system.

By the end of this lecture, you will be able to


Standards for viewing public UX | Perspectives on understanding design systems | Rationale for designing public UI/UX
You will be able to learn about these!

Notes before taking the course


Practice Environment

  • Use of Figma is required.

  • The operating system can be either Windows or macOS.

  • A stable PC environment with an internet connection is required.

Prerequisite Knowledge and Important Notes

  • Basic knowledge of web design and UI/UX is required.

  • It is recommended to learn the basic usage of Figma in advance.

  • This course focuses more on Design System (KRDS) theory and application rather than the Figma tool itself.

Learning Materials

  • The design materials used in the lecture refer to the publicly available KRDS materials.

  • Please refer to the official documentation related to the government design system.

  • Lecture slide materials are provided.

Recommended for
these people

Who is this course right for?

  • Those who wish to win government design projects

  • Those who want to grow through government design systems

  • A designer preparing for public institutions or state-owned enterprises

  • A designer who wants to create an intermediate-level portfolio utilizing KRDS

Need to know before starting?

  • It is good to know basic design methods.

  • Since we proceed with the design through Figma, it would be good if you have experience using Figma.

Hello
This is Neo

2,971

Learners

351

Reviews

56

Answers

4.7

Rating

33

Courses

Hello! I am Neo, an instructor here at Inflearn.

My goal is to make various development technologies that are not commonly encountered accessible to many people.

Therefore, I aim to design a curriculum focused on practical application rather than a simple list of theories, providing hands-on lectures that allow for learning without troubleshooting hurdles.

I am structuring the content with a light and friendly approach so that even beginners can follow along without burden, focusing particularly on lowering the barrier to entry for knowledge.
Sometimes, I also work on lectures together with like-minded people!

For collaboration and other business inquiries, please contact yeseong0412@gmail.com!

More

Curriculum

All

41 lectures ∙ (8hr 57min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

3 reviews

5.0

3 reviews

  • ksa8682ksa0193님의 프로필 이미지
    ksa8682ksa0193

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    It was impressive how the content unfolded by focusing on real-world cases and flow, including theory. I liked that it didn't just stop at simple explanations but also approached it from a practical application perspective!!

    • loward님의 프로필 이미지
      loward

      Reviews 24

      Average Rating 5.0

      5

      100% enrolled

      This course consists of 60% theory and 40% practical application. It was my first time hearing about KRDS, and it's fascinating that there is an official design system released by the South Korean government. Through this lecture, I gained a clear understanding of public UX standards, and I will strive to create a positive impact based on what I've learned.

      • yeseong0412님의 프로필 이미지
        yeseong0412

        Reviews 33

        Average Rating 5.0

        5

        100% enrolled

        This course is designed to help you understand and utilize the Korea Government Design System (KRDS) to learn government design methodologies, and even practice them through a simple redesign project!

        Neo's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!

        Limited time deal

        $69.30

        45%

        $127.60