CRYSTAL
PARK
기획하고 · 디자인하고 · 코드로 만듭니다
Crystal Teacher · 박수정
Seoul · Incheon · KR

포트폴리오 · 2026 Portfolio · 2026

CRYSTAL PARK

박수정 · Crystal Teacher

기획Planning
디자인Design
개발Development
강의Teaching

문제를 정의하고, 구조를 설계하고, 화면을 만들고,
코드로 구현하고, 다음 사람에게 가르칩니다.
Define problems. Design structures. Build interfaces.
Implement in code. Then teach it to the next person.

12+경력Years
23강의 과정Courses
4.6평균 만족도Avg Score
UI · UX Design Web Planning Front-End Development Full-Stack Development NCS Instructor Curriculum Design KDT / NCS Spring Boot · Java · React UI · UX Design Web Planning Front-End Development Full-Stack Development NCS Instructor Curriculum Design KDT / NCS Spring Boot · Java · React
About

아이디어를 구조로,
구조를 결과로
만듭니다.
Ideas into structure
Creates a structure as a result.

브랜드 디자인으로 시작해 서비스 기획, UI/UX, 개발까지 전 과정을 경험했습니다. 실무 프로젝트와 강의 경험을 통해 ‘보는 것’이 아닌 ‘설계하는 것’에 집중하고 있습니다. I have experienced the entire process, starting with brand design and extending to service planning, UI/UX, and development. Through practical project experience and teaching, I focus on ‘designing’ rather than ‘seeing.’

01 · PLAN

기획 · 구조 설계Planning & IA

서비스 플로우 분석부터 IA 설계, 화면 구조 기획, 커리큘럼 설계까지. 전체 그림을 보고 논리적으로 정리합니다.Service flow analysis, IA design, screen structure planning, curriculum design — seeing the whole picture.

서비스 기획IA 설계훈련과정 설계Notion
02 · DESIGN

UI · UX Design

POSCO·Coway·Balmuda 실제 서비스 디자인 경험. 브랜드 아이덴티티부터 디자인 시스템, 반응형 화면 설계까지.Real-world UI/UX for POSCO, Coway, Balmuda. Brand identity to design systems to responsive screens.

FigmaAdobe XDPhotoshopResponsive
03 · DEV

프론트 · 백엔드 개발Front & Backend Development

HTML/CSS/JS 퍼블리싱부터 Spring Boot 풀스택 개발까지. 기획·디자인·개발이 연결되는 흐름을 이해합니다.From HTML/CSS/JS to Spring Boot full-stack. Understanding the flow connecting all three disciplines.

ReactSpring BootOracleJWT
04 · TEACH

강의 · 교육 기획Teaching & Curriculum

NCS 국비지원·KDT·산대특 과정 설계 및 운영. 23개 이상의 훈련과정, 평균 만족도 4.6.NCS/KDT curriculum design and delivery. 23+ courses, avg. satisfaction 4.6.

NCSKDTCurriculumCourse Approval
Selected Work

실제로 만든 것들Built for Real

경력증명서로 확인된 실제 프로젝트. 어떤 문제를 풀었는지를 중심으로 정리했습니다.Real projects verified by employment records, structured around what problem was solved.

01 / 06
Enterprise UX Strategy Internal System

POSCO / 포스코 ICT 사업부 운영팀 · 2020.01.02

POSCO ICT
그룹웨어 사내 홈페이지 UI/UX
POSCO ICT Groupware &
Executive Intranet UI/UX

문제Problem임원 사용 그룹웨어·보고 페이지의 낮은 사용성과 비일관적 비주얼 → UI/UX 기획·디자인, 화면 구조 설계, HTML·CSS·JS 퍼블리싱 수행Low usability and inconsistent visual identity in executive groupware → UI/UX planning, screen design, HTML/CSS/JS publishing

임직원 업무 효율성 향상, 일관된 디자인 시스템 구축Improved workflow efficiency, unified design system

Architecture UX Design UI Design FrontEnd
02 / 06
E-commerceUX Optimization

플레이니트 & ETC / 발뮤다 & 코웨이 & 아이나비 & DB & 인터파크 · 2020.03–04

Coway · Balmuda · INavi · DB · Interpark
웹사이트 리뉴얼
Coway · Balmuda · iNavi · DB · Interpark
Website Renewal

문제Problem브랜드별 상세페이지 UX 개선 및 구매 전환율 향상 → UI 디자인, 반응형 퍼블리싱, 디자인 컴포넌트 가이드 수립UX improvement and conversion rate optimization per brand → UI design, responsive publishing, component guide

브랜드 아이덴티티 강화, 크로스 브라우징 대응Brand consistency, cross-browser responsive web

Architecture UX Design UI Design FronEnd
02 / 06
E-commerceUX Optimization

플레이니트 & ETC / 발뮤다 & 코웨이 & 아이나비 & DB & 인터파크 · 2020.03–04

Coway · Balmuda · INavi · DB · Interpark
웹사이트 리뉴얼
Coway · Balmuda · iNavi · DB · Interpark
Website Renewal

문제Problem브랜드별 상세페이지 UX 개선 및 구매 전환율 향상 → UI 디자인, 반응형 퍼블리싱, 디자인 컴포넌트 가이드 수립UX improvement and conversion rate optimization per brand → UI design, responsive publishing, component guide

브랜드 아이덴티티 강화, 크로스 브라우징 대응Brand consistency, cross-browser responsive web

Architecture UX Design UI Design FronEnd
02 / 06
E-commerceUX Optimization

플레이니트 & ETC / 발뮤다 & 코웨이 & 아이나비 & DB & 인터파크 · 2020.03–04

Coway · Balmuda · INavi · DB · Interpark
웹사이트 리뉴얼
Coway · Balmuda · iNavi · DB · Interpark
Website Renewal

문제Problem브랜드별 상세페이지 UX 개선 및 구매 전환율 향상 → UI 디자인, 반응형 퍼블리싱, 디자인 컴포넌트 가이드 수립UX improvement and conversion rate optimization per brand → UI design, responsive publishing, component guide

브랜드 아이덴티티 강화, 크로스 브라우징 대응Brand consistency, cross-browser responsive web

Architecture UX Design UI Design FronEnd
02 / 06
E-commerceUX Optimization

플레이니트 & ETC / 발뮤다 & 코웨이 & 아이나비 & DB & 인터파크 · 2020.03–04

Coway · Balmuda · INavi · DB · Interpark
웹사이트 리뉴얼
Coway · Balmuda · iNavi · DB · Interpark
Website Renewal

문제Problem브랜드별 상세페이지 UX 개선 및 구매 전환율 향상 → UI 디자인, 반응형 퍼블리싱, 디자인 컴포넌트 가이드 수립UX improvement and conversion rate optimization per brand → UI design, responsive publishing, component guide

브랜드 아이덴티티 강화, 크로스 브라우징 대응Brand consistency, cross-browser responsive web

Architecture UX Design UI Design FronEnd
03 / 06
E-commerceUX Optimization

플레이니트 & ETC / 발뮤다 · 2020.03–04

Balmuda
웹사이트 리뉴얼
Balmuda
Website Renewal

문제Problem브랜드별 상세페이지 UX 개선 및 구매 전환율 향상 → UI 디자인, 반응형 퍼블리싱, 디자인 컴포넌트 가이드 수립UX improvement and conversion rate optimization per brand → UI design, responsive publishing, component guide

브랜드 아이덴티티 강화, 크로스 브라우징 대응Brand consistency, cross-browser responsive web

Architecture UX Design UI Design FronEnd
03 / 06
BrandingLaunch Strategy

롯데케미칼 / 건자재사업부 국내영업팀 · 2020.02–03

롯데케미홈 신규 브랜드
런칭 웹 구축
LotteChemihome
Brand Launch Web

문제Problem건자재 신규 브랜드 온라인 런칭 — 톤앤매너 미정의, 촉박한 일정 → 브랜드 톤앤매너 기획, UI 디자인, 퍼블리싱New brand launch with undefined tone & manner, tight deadline → tone planning, UI design, publishing

런칭 일정 내 웹 비주얼 아이덴티티 정립Web visual identity delivered on schedule

Strategy Branding UI.UX FrontEnd
04 / 06
E-commerceUX Optimization

현대백화점그룹 / 현대리바트 · 2017.06 – 2019.06

현대리바트몰 B2C
기획 · 디자인 · 운영
Hyundai Livart B2C
Online Mall

문제Problem신제품 상세페이지 기획·디자인 체계화, 프로모션 효과 극대화 과제 → 상세페이지 기획·디자인, 이벤트 기획, 반응형 퍼블리싱Systematizing product page design, maximizing promotional impact → planning, design, event management, responsive publishing

신제품 런칭 이벤트 매출 증대 기여Contributed to sales growth via new product launches

UX Strategy UI.UX Design FrontEnd
06 / 05
E-commerce UX Strategy

현대백화점그룹 / 현대리바트 · 2017.06 – 2019.06

글로벌 홈퍼니싱 브랜드
국내 최초 통합 런칭
이커머스 플랫폼 구축
Integrated launch of global home furnishing brands in Korea

문제 Problem 글로벌 본사(캘리포니아) UX 가이드라인과 국내 사용자 행동 패턴 간의 차이로 인해 사용자 경험 및 구매 전환 흐름의 비효율 발생 Differences between global UX guidelines and local user behavior created challenges in maintaining consistency and optimizing conversion

국내 사용자 리서치 기반으로 글로벌 UX를 재구성 Localized UX strategy through user research, aligning global guidelines with local behavior to optimize user experience and conversion flow

UX Strategy Localization E-commerce UIUX FrontEnd
Teaching · Case Study

강의는,
하나의 완성된
프로젝트입니다
Teaching is
a complete
"project"

23+운영 훈련과정 수Courses Run
4.6평균 수강 만족도Avg Satisfaction
6+강의 기관 수Institutions
5yr강사 활동 기간Active Years
교육 기획 프로세스Teaching Process
STEP 01

산업 수요 분석 → 과정 설계Industry Analysis → Course Design

IT·웹·디지털 트렌드 분석 후 프론트엔드·백엔드·실무 프로젝트 중심 과정 구성Analyze IT trends, design front/back/project-centered courses with NCS alignment

STEP 02

단계형 수업 설계 및 운영Staged Delivery

기초→심화→프로젝트 단계형 구성. 중도 탈락률 감소를 고려한 난이도 조정Foundation→Advanced→Project stages, dropout reduction, evaluation management

STEP 03

성과 관리 → 취업 연계Outcome → Job Connection

수료율·만족도·프로젝트 완성도 기반 과정 개선. 포트폴리오가 취업으로 이어지도록 설계Improving courses from metrics. Portfolio designed for job placement.

강사 이력Timeline

2020.06–2020.11

지아이티아카데미 그린컴퓨터아카데미 신촌 / 인천구월Green Computer Academy

웹디자인기능사 자격증 양성 · HTML5/CSS3 웹코딩 · 포토샵/일러스트Web Design License · HTML5/CSS3 · Photoshop/Illustrator

NCS 국비재직자

2020.12–2021.05

지아이티아카데미 그린컴퓨터아카데미 강남GIT Academy Gangnam

UI/UX 반응형 웹디자인 & 웹퍼블리셔 · 웹표준 코딩UI/UX Responsive Web Design & Publisher

NCS 국비

2021.07–2024.02
2년 7개월 · 6기 연속

이젠아카데미 안양EzenAcademy Anyang

스마트 UIUX앱&웹디자인 A·B · 디지털디자인BL · UX 서비스 기획(산대특) · Figma 실무Smart UIUX App & Web Design · Digital Design BL · UX Service Planning · Figma

NCS 국비산대특재직자

2023.03–2023.08

이젠아카데미 안양EzenAcademy Anyang

과정평가형 정보처리산업기사 · Java 웹프로그래밍 개발Process Evaluation · Java Web Programming

Java · Backend

2024.02–2024.09

지아이티아카데미 그린컴퓨터아카데미 신촌Green Computer Academy Sinchon

[KDT] Java 풀스택(프론트/백엔드) & 빅데이터 분석 UI(Python) SW개발자 양성[KDT] Java Full Stack & Big Data Analysis UI (Python)

KDTFull Stack

2024.10–2025.11

구트아카데미Goot Academy

[KDT] Java·Spring 하이브리드 웹앱 풀스택 · CI/CD 자동화 컨테이너 기술[KDT] Java·Spring Hybrid Full Stack · CI/CD Container Technology

KDTDevOps

2025.12–
진행 중

MBC 아카데미 컴퓨터학원

[KDT] ChatGPT 생성형 AI를 활용한 반응형 웹콘텐츠(영상제작&코딩) 개발 기획[KDT] ChatGPT AI-Powered Responsive Web Content Development Planning

KDTAI 활용

"

강사님이 커리큘럼을 너무 잘 짜주셔서 5개월 동안 하나도 힘들지 않았습니다. 선생님 덕분에 많이 배우고 성장할 수 있었습니다.The curriculum was so well-structured that 5 months flew by. I grew enormously thanks to the instructor.

스마트 UIUX앱 웹디자인A · 4.6

"

흥미롭고 재미있게 학습할 수 있게 잘 가르쳐 주셨습니다. 취업준비 지원도 해주셔서 다 배워가는 것 같아 행복합니다.Teaching was engaging and fun. Career support included — I feel I learned everything I needed.

스마트 UIUX앱 웹디자인B · 4.4

"

수업을 알차게 준비해 주셔서 많이 배울 수 있었습니다. 혼자서도 잘 활용할 수 있도록 도움을 주셔서 감사합니다.Classes were densely practical. The instructor helped us become self-sufficient. Truly grateful.

디지털디자인 BL · 4.4

Skills

기술 스택Tech Stack

기획부터 배포까지 — 전 과정에서 실제로 사용한 도구들입니다.From planning to deployment — tools used across every stage.

기획 · 디자인

Figma
Adobe XD
Photoshop
Illustrator
IA 설계
서비스 기획

Frontend

HTML5 / CSS3
JavaScript
React
jQuery / AJAX
TypeScript
Vue.js

Backend · DB

Java
Spring Boot
JSP / MyBatis
Oracle / MySQL
JWT / OAuth2
REST API

Education · Ops

NCS 커리큘럼
훈련과정 설계
성과 관리
Python 기초
Notion
Git
Contact

함께 일하고
싶으시면
언제든
연락 주세요.
Let's build
something
great together.

이메일 보내기 →Send Email →

Name

박수정 · Crystal Teacher