청년취업사관학교 새싹 Seoul Software ACademy 서울경제진흥원 sba
서울특별시 SEOUL MY SOUL sesac.seoul.kr ↗

청년취업사관학교새싹(SeSAC) 홈페이지

서울특별시와 서울경제진흥원(SBA)이 운영하는 청년 디지털 인재 양성 브랜드 청년취업사관학교 새싹(SeSAC)은
AI 시대에 대응하는 핵심·융합형 실무 인재를 길러내기 위한 기업현장 중심 교육 플랫폼입니다.

새싹 홈페이지 메인 화면 — 새싹 잎 그래픽, 캠퍼스 선택과 과정 검색창, 추천키워드, 모집중 과정 카드
메인 검색 영역 확대 — 전체 캠퍼스 선택, 과정명·분야 검색창, 추천키워드 #AI핵심 #AI융합 #데이터분석 #디지털마케팅 #서비스기획
모바일 메인 검색 영역 — 전체 캠퍼스 선택, 과정명·분야 검색창, 추천키워드

· ·

교육과정 검색

첫 화면에서 캠퍼스와 과정명·분야를 선택해
교육과정을 검색할 수 있습니다.

SeSAC 지역별 캠퍼스 — 서울 자치구 지도와 캠퍼스 선택 메뉴
선택한 캠퍼스 정보 — 강남 캠퍼스 사진, 주소, 연락처

지역별 캠퍼스 안내

지도에서 자치구를 선택하면
해당 지역 캠퍼스의 위치와 연락처를 확인할 수 있습니다.

오프라인 교육과정 목록 — 캠퍼스·모집상태 필터, 검색, 분야선택과 과정 카드
과정 필터 확대 — 캠퍼스, 모집상태, 검색어, 검색, 분야선택, 기술스택 선택
교육과정 상세 화면 — 모집상태·캠퍼스·분야 태그, 과정명, 수강신청 버튼과 모집·교육기간
모바일 교육과정 상세 화면 — 수강신청 버튼
모바일 과정 필터 — 캠퍼스, 모집상태, 검색, 분야선택, 기술스택
모바일 오프라인 과정 목록
모바일 교육과정 상세와 수강신청 버튼

교육과정 탐색 및 수강신청

모집상태와 분야, 기술스택 등으로 과정을 검색하고
상세 화면에서 교육일정과 신청 정보를 확인할 수 있습니다.

수강 및 학습관리

마이새싹과 나의 강의실에서 수강 현황, 진도율, 출석 및 수료 정보를 확인할 수 있습니다.

마이새싹 온라인 학습내역 — 진도율, 학습하기, 수강평 작성, 수강취소

마이새싹수강 중인 과정의 진도율과 학습하기·수강평 작성

나의 강의실 — 출석률, 수료여부, 학습목차와 차시별 출석

나의 강의실출석률, 수료여부, 차시별 학습목차

수료한 과정 — 출석부·수료증 출력, 강의실 입장, 새싹동문회 신청

오프라인 학습내역수료 과정의 출석부·수료증 출력과 새싹동문회 신청

With 새싹 새싹동문회 — 동문회 행사와 활동 게시물

새싹동문회수료생 동문회 행사와 활동 게시판

홈페이지 교육과정 상세 — (광진8기) AI 자동화 글로벌커머스 셀러 마케터 양성, LMS에 등록된 모집기간·교육기간·교육시간·교육장소·수료기준과 수강신청 버튼

홈페이지 · 교육생교육과정 검색·수강신청, 마이새싹, 나의 강의실

홈페이지–학습관리시스템(LMS) 연동

LMS에 등록한 교육과정 정보를 홈페이지에 게시
홈페이지와 연계하여 교육생의 수강신청·선발전형·출석 등을 LMS에서 통합 관리

LMS → 홈페이지과정 정보 · 모집상태 · 선발 결과
홈페이지 → LMS수강신청 · 설문 · 수강후기
LMS → 홈페이지출석률 · 진도율 · 수료증
LMS 관리자 시스템 마스터과정관리 — 회원·SBA운영·온라인·오프라인과정·공고·평가·콘텐츠·사이트 관리 메뉴와 검색 조건, 마스터정보 목록

LMS · 운영 담당자과정 개설, 신청자 선발, 출결·수료 관리

교육공간 대관 서비스

교육이 없는 캠퍼스 공간을 공익 프로그램에 무료로 개방합니다.
공간 확인부터 예약까지 홈페이지에서 신청할 수 있습니다.

대관신청 화면 — 금천캠퍼스 집중학습룸 사진, 주소, 수용인원 8인, 면적 33㎡, 날짜 달력과 시간 선택, 예약하기 버튼

대관신청캠퍼스별 공간 사진·수용인원·면적을 보고 날짜와 시간을 골라 예약

신청조건 및 방법 — 이용료 무료, 신청대상 유관기관 및 교육기관 등, 공익 프로그램 대상, 교육이 없는 유휴공간에 한해 대관, 온라인신청·심사·최종 선정

신청조건 및 방법대관신청 화면에서 바로 확인

새싹 브랜드 컬러와 UI 디자인

브랜드 컬러와 상태별 표시 색상을 구분했습니다.
주요 화면에 일관된 디자인 규칙을 적용했습니다.

Green Main#0A6E23

실제 수강신청 버튼과 목록 버튼
실제 학습하기 버튼

수강신청 · 검색 · 학습하기 버튼

Green Deep#0B4C1B

Green 100#CBFACE

실제 모집중 상태 태그

모집중 태그 · 글자는 Green Deep

Sub Blue#3375D7

실제 교육분야 태그 기타(DX)

교육분야 태그

Alert#E32D23

실제 수강취소 버튼

수강취소 · 경고

Pretendard GOV전 화면 공통 서체 · 최소 14px

  1. 메인 타이틀Black 46나만의 AI 커리어, 여기에서
  2. 페이지 타이틀Bold 32오프라인
  3. 콘텐츠 제목Bold 26(용산8기) AI 에이전트 PM/PO 취업캠프
  4. 본문Regular 17모집기간 2026.10.26 - 2026.11.22 · 수료기준 출석률 80% 이상
마이새싹 화면 — 왼쪽 메뉴와 본문 영역 배치 LNB 250 본문 1080

정렬·여백서브 페이지는 LNB 250 · 간격 70 · 본문 1080 구성을 공통으로 사용

과정 카드 한 장 확대 — 상태·캠퍼스·분야 태그, 과정명, 모집기간, 썸네일
  • 상태 · 캠퍼스 · 분야 태그
  • 과정명
  • 모집기간
  • 썸네일 333×249

과정 카드태그, 과정명, 모집기간, 썸네일 순서를 모든 카드에 동일하게 적용

과정 상세 정보 영역 — 과정명, 모집기간, 교육기간, 교육시간, 교육장소, 수료기준

정보 위계과정명은 크고 굵게, 항목명은 굵게, 값은 보통 굵기로 구분

분야선택 창 — 웹, 앱, AI, 빅데이터 등 분야 버튼과 초기화·적용 버튼

분야선택분야 버튼을 눌러 고르고 적용 버튼으로 검색 조건에 반영

PC 과정 필터 — 한 줄 배치
모바일 과정 필터 — 2단 배치

PC·모바일 배치PC에서 한 줄인 검색 필터를 모바일에서는 2단으로 재배치

오프라인 과정 카드 네 장(강동·강남·강북·노원) — 각 썸네일 위 같은 위치에 모집상태·캠퍼스·분야 태그 표시
모바일 과정 카드 두 장 — 각 썸네일 위 같은 위치에 모집상태·캠퍼스·분야 태그 표시

일관된 교육과정 카드 구성

썸네일 디자인이 달라도 모집상태·캠퍼스·분야 정보는 동일한 위치에 표시합니다.

PC·모바일 반응형 화면

모바일에서도 교육과정 검색과 수강신청, 마이새싹을 이용할 수 있습니다.

모바일 With 새싹 공지사항
모바일 오프라인 과정 목록
모바일 메인 화면
모바일 마이새싹 대시보드
모바일 대관신청

향후 고도화 계획

개발 중인 사업공고 교육파트너 안내 화면 — 채용공고·사업공고 메뉴, 교육파트너 소개 문구와 교육파트너 신청하기 버튼

사업공고 › 교육파트너 안내

개발 중인 사업공고 교육파트너 모집 화면 — 모집상태·공고명 검색, 모집공고 카드와 신청하기·상세보기 버튼

사업공고 › 교육파트너 모집

  • 2026년 12월 오픈 예정사업공고 · 교육파트너 안내와 모집

    교육파트너 사업 안내와 모집공고 확인, 온라인 신청 기능을 홈페이지에 추가

  • 2026년 12월 오픈 예정채용플랫폼 탑재

    새싹 교육생 채용 지원, 채용기업의 면접 제안하기 기능 추가

새싹 홈페이지 바로가기

청년취업사관학교 새싹 Seoul Software ACademy sesac.seoul.kr