기업

연세대 인지감성정보지원시스템

공공연구/디자인지원 시스템 (대학 산학협력단 R&D 플랫폼 · 디자인·UX 리서치 툴)입니다.

CLIENT: 연세대 산학협력단
PERIOD: 2019.02. ~ 2020.10.
TYPE: 홈페이지 제작 (반응형/디자인)

연세대 산학협력단 화면

OVERVIEW

연세대 인지감성정보지원시스템(C&A KIT)은 산학협력단이 구축한 디자이너 지원 툴킷으로, 제품 디자인 과정의 컨셉 리서치·제품구상·세부디자인 3단계를 인지감성 데이터로 뒷받침해야 했습니다. 메인 화면부터 3단계 프로세스를 원형 다이어그램으로 시각화해 낯선 개념의 시스템 구조를 한눈에 이해시키고, 단계별로 인지감성 디자인 사례와 리서치 방법론을 탐색할 수 있는 툴킷 형태로 구성했습니다.

CLIENT 연세대 산학협력단
SERVICE 기획, 디자인, 퍼블리싱, 개발
TYPE 홈페이지 제작 (반응형/디자인) 시스템 구축 (관리자, DB, 내부시스템) 유지보수
INDUSTRY 공공연구/디자인지원 시스템 (대학 산학협력단 R&D 플랫폼 · 디자인·UX 리서치 툴)
DEVICE PC / Mobile Responsive
SCALE main 1 page sub 20 page

GOALS & SOLUTIONS

GOALS

낯선 개념(인지감성정보)의 활용 목적을 빠르게 이해
컨셉리서치 → 제품구상 → 세부디자인 프로세스 체계화
디자인 사례·방법론 데이터에 빠른 접근
초기 사용 진입장벽 낮추기

SOLUTION

3단계 시스템 구성을 원형 다이어그램으로 시각화
단계별 전용 메뉴·서브페이지 구축
인지감성 디자인 사례 DB + 리서치 방법론 콘텐츠 연동
STEP 1~5 사용방법 가이드 배치로 온보딩 지원

KEY INSIGHTS

인지감성정보라는 낯선 개념을, 3단계 다이어그램 한 장으로 이해시키도록 설계

KEY FEATURES

반응형 디자인
관리자 CMS
게시판/문의
검색 기능
웹접근성 고려
예약/신청 시스템
지도/오시는 길
이미지 갤러리/슬라이드
파일 다운로드(자료실)

MAIN SCREENS

TECH STACK

#Front-end

HTML5
CSS3
jQuery

#Back-end

PHP

#Database

MySQL

#Server · Cloud · DevOps

Linux

#Design

Photoshop
Illustrator