"이 사이트, 우리가 다시 만들었습니다" — 이젠아카데미 UXUI 부트캠프 1차 프로젝트 발표회 현장 리포트

발표 시작 5분 전, 강의실 공기가 달랐습니다. 노트북을 마지막으로 점검하는 손, 서로 눈빛을 교환하는 팀원들.

이날 이젠아카데미 강남캠퍼스에서 UXUI디자인&웹기획 프론트엔드 부트캠프 1차 프로젝트 발표회가 열렸습니다. 시몬스, 롬앤, 기아, 국립현대미술관(MMCA). 누구나 아는 브랜드의 공식 홈페이지를 수강생들이 직접 해체하고, 다시 설계했습니다. 기획부터 디자인, 코드 구현까지 — 딱 5주 만에.

왜 발표회까지 할까요 — 그리고 왜 그게 강점인가

실무에서 디자이너와 개발자는 늘 누군가 앞에 서야 합니다. "왜 이렇게 설계했는가"를 설득력 있게 전달하는 능력 — 이게 취업 이후 실제로 쓰이는 역량입니다.

💼 실무자에게 직접 피드백받는다 1차 발표회에서는 이젠아카데미 웹팀·마케팅팀·교육매니저·강사가 평가단으로 직접 앉아 교육·실무 관점의 피드백을 줍니다. 2차 발표회에서는 현장실무전문가가 직접 참여해 실제 업무 기준으로 결과물을 평가합니다.

👥 동료 평가로 시야가 넓어진다 동기 수강생들도 구글폼으로 평가에 참여합니다. 발표하는 사람도, 평가하는 사람도 — 둘 다 배웁니다.

📁 발표 결과물이 그대로 면접 포트폴리오가 된다 기획 의도, 리서치 데이터, 디자인 시스템, 개발 구현 화면. 수료할 즈음이면 면접에 들고 갈 포트폴리오가 완성됩니다.

이 발표회가 다른 이유

✅ 실무형 프로젝트 프로세스 팀장과 팀원이 기획·디자인·개발을 나눠 5주간 협업합니다. 브랜드 리서치 → 사용자 설문 → 와이어프레임 → UI 디자인 → HTML/CSS/JS 개발 → 반응형 구현. 실무 에이전시와 거의 같은 흐름입니다.

✅ 실무자 피드백 + 동료 평가 이중 구조 이젠아카데미 웹팀·마케팅팀·교육매니저·강사가 실무 관점으로 직접 평가하고, 동기 수강생들도 구글폼으로 동료 평가에 참여합니다.

✅ 발표 = 포트폴리오 완성 이날 발표한 결과물이 그대로 취업용 포트폴리오가 됩니다. 기획 의도부터 개발 구현 화면까지, 면접에서 바로 꺼낼 수 있는 자료입니다.

✅ 국비지원으로 부담 없이 K-디지털 트레이닝 과정으로 국민내일배움카드 적용 시 자기(본인)분담금만 부담합니다. 국민취업지원제도 참여자는 훈련장려금도 추가 지원됩니다.

1팀 | 시몬스 — "흔들리지 않는 브랜드가, 사이트에서는 흔들리고 있었다"

국내 프리미엄 매트리스 1위 브랜드. 그런데 국내외 2030 세대 44명에게 설문했더니 이런 답이 돌아왔습니다.

"시몬스 하면 프리미엄인데, 사이트에서는 그 느낌이 안 난다." "제품 구매 말고는 딱히 할 게 없었다."

브랜드 인지도와 디지털 경험 사이의 간극이 데이터로 드러났습니다.

팀원들은 시몬스 테라스와 도슨트 투어를 직접 방문해 인사이트를 가져왔습니다.

그 경험이 결과물에 그대로 담겼습니다.

• 브랜드 연혁을 카운팅하는 인트로 + 스크롤 연동 히어로 영상

• 슬립 솔루션 — 질문에 답하면 영수증처럼 출력되는 맞춤 매트리스 추천 인터랙션

• 팩토리움·테라스·갤러리·쇼룸 전용 오프라인 소개 섹션

• 버건디·아이보리 기반 디자인 시스템으로 프리미엄 무드 일관화

💬 한 줄 요약 사이트가 브랜드를 못 따라가고 있었다. 우리가 따라잡아 드렸다.

🎯 Key UX Point
프리미엄 감성 회복을 위한 '슬립 솔루션' 인터랙션 구현

2팀 | 롬앤 — "설문 응답자 65명 중, 공식 사이트에서 제품 산 사람 0명"

K-뷰티 인지도 상위권, 연매출 2,241억 원, 20개국 유통. 그런데 공식 사이트 방문 경험이 없다는 응답 83.9%, 사이트에서 실제 구매한 사람은 0명이었습니다.

팀원 전원이 성수 핑크 오피스를 직접 방문, 컬러 믹싱 공간과 퍼스널 컬러 진단을 직접 체험했습니다.

목표는 하나. 웹에서도 핑크 오피스에 온 느낌을 주자.

• 핑크 오피스 전용 페이지 신설

• 퍼스널 컬러 진단 기능 (아이클 앱 연동)

• 퀵샵 — 탐색 중 마음에 드는 제품을 즉시 장바구니·결제로 연결

• 언어 전환 및 글로벌 스토어 위치 안내 개선

• 그린케미 프로젝트 (공병 재활용 친환경 캠페인) 독립 섹션

💬 한 줄 요약 아무도 안 사던 사이트를, 머물고 싶은 공간으로 바꿨다.

🎯 Key UX Point
퍼스널 컬러 진단부터 퀵샵 결제까지, 컬러 선택 스트레스를 없앤 탐색-구매 원스톱 플로우

3팀 | 기아(KIA) — "멋진 차인데, 사고 싶다는 확신이 안 생기는 사이트"

팀명 '원조(原組)' — 원팀이 되자는 뜻입니다.

기아 북미 사이트를 52명에게 사용해보게 했더니 돌아온 키워드는 '피로감'. 팀은 기아 360 전시관을 직접 방문했습니다. 재활용 플라스틱 대시보드, 식물성 오일 내장재, 유해 성분 없는 페인트 — 전시관에서는 다 보여주는데, 사이트에는 없었습니다.

그 인사이트가 메인 콘셉트가 됐습니다.

• 엑스레이 효과 — 스크롤 시 차체 내부를 투시하며 재활용 소재 정보 노출

• 글라스모피즘 다크 UI로 고급스럽고 미래지향적인 무드 연출

• 라이프스타일 기반 차량 추천 (아웃도어·가족·도심·여행 테마)

• 실오너 별점 리뷰 섹션, 메인 페이지 딜러 찾기 지도, 트림별 즉시 견적 기능

💬 한 줄 요약 좋은 차를 만드는 브랜드에, 사고 싶게 만드는 사이트를 더했다.

🎯 Key UX Point
스크롤 연동 엑스레이 효과로 브랜드 친환경 철학을 사용자가 직접 '발견'하게 만든 탐색 경험 설계

4팀 | 국립현대미술관(MMCA) — "전시가 보고 싶어 들어왔는데, 회원가입부터요?"

사용자 설문 결과, 미술관 웹사이트 방문 목적의 80% 이상이 '현재 전시 확인'이었습니다. 그런데 가장 불편한 경험으로 60% 이상이 '강제 회원가입'을 꼽았습니다.

팀은 두 페르소나로 문제를 구체화했습니다. 빠른 탐색을 원하는 싱가포르 마케팅 매니저 제이콥(28세)은 회원가입 장벽에 막혀 이탈. 깊이 탐색하려는 미국 미술사 전공생 에밀리(26세)는 정보 부족으로 탐색을 포기. 유형은 달라도, 결과는 같았습니다 — 둘 다 사이트를 떠났습니다.

팀원들은 미술관을 직접 방문해 관람하고 사용자 행동을 관찰했습니다.

그 경험을 바탕으로 완전히 다른 사이트를 만들었습니다.

• 검은 화면에서 글씨가 차오르며 완성되는 인트로

• 올해의 작가상 아카이브 (연도별 포스터로 과거 수상 작가까지 탐색)

• 3D 큐브 인터랙션으로 서울·과천·덕수궁·청주 4개 관 탐색

• 회원가입 없이 이메일 인증만으로 완료되는 티켓 예매

• 모든 이미지를 AI로 직접 제작 → 사이트 내 안내문 명시

💬 한 줄 요약 들어오는 순간 이탈하던 사이트를, 머물고 싶은 미술관으로 바꿨다.

🎯 Key UX Point '강제 회원가입' 허들을 제거한 심리스(Seamless) 예매 프로세스

5주가 남긴 것

4팀 모두 공통점이 하나 있었습니다. 직접 나갔다는 것. 화면 속 사이트만 보지 않고, 브랜드를 몸으로 느끼고 왔습니다.

"뭘 더 배워야 하는지 알게 됐다."
"오랜만에 무언가를 정말 열심히 했다."
"팀원을 믿는 힘과 조율의 중요성을 배웠다."

5주 안에 UX 리서치부터 반응형 개발까지 실무 전 사이클을 한 번 돌았습니다. 배우고 끝나는 게 아니라 — 포트폴리오가 됩니다.

프로젝트는 1차로 끝나지 않습니다 — 2차와 현장실무전문가 평가까지

11차 발표회를 마쳤다고 끝이 아닙니다.

2차에서는 현업에서 실제로 일하는 전문가가 직접 평가합니다. 취업 전 마지막으로 실력을 점검하고, 부족한 부분을 채울 수 있는 기회입니다.

포트폴리오가 수업 중에 완성됩니다. 1차·2차 프로젝트를 마치면 면접에 바로 꺼낼 수 있는 결과물이 갖춰집니다.

현장 업무 방식을 미리 익힙니다. 팀장·팀원 역할 분담, 정기 회의, 피드백 반영. 실무와 같은 협업 구조를 과정 안에서 경험합니다.

실무 기준으로 검증된 결과물을 갖게 됩니다. 1차 내부 실무진, 2차 현장실무전문가 — 두 번의 평가를 거친 포트폴리오는 면접장에서 설득력이 달라집니다.

이 과정, 지금 수강 가능합니다

UXUI디자인&웹기획 프론트엔드 부트캠프는 K-디지털 트레이닝 국비지원 과정입니다. 디자인·코딩 비전공자도 지원 가능하며, 수료 후 취업 연계까지 이어집니다.

▶ 커리큘럼 확인 및 수강 신청

이젠아카데미 강남 | UXUI디자인 부트캠프 | K-디지털 트레이닝 | 국민내일배움카드 | 국비지원 | 취업 | 훈련장려금 | 국민취업지원제도