시안 기반 퍼블리싱
제공된 디자인 시안을 기준으로 메인 페이지 레이아웃과 콘텐츠 영역을 HTML/CSS로 구현했습니다.
PORTFOLIO DETAIL
을지재단
을지재단 메인 홈페이지 리뉴얼 퍼블리싱 프로젝트입니다. 제공받은 디자인 시안을 기준으로 메인 페이지를 반응형으로 구현하고 다양한 콘텐츠 영역과 인터랙션을 적용했습니다.
PROJECT OVERVIEW
작업 개요
제공된 디자인 시안을 기반으로 을지재단의 브랜드 가치와 주요 콘텐츠를 효과적으로 전달할 수 있도록 메인 페이지를 퍼블리싱했습니다.
메인 비주얼 영상, 아코디언 카드, 미디어 탭, 뉴스 영역, 모바일 메뉴 등 주요 UI를 구현하고 PC 및 모바일 환경에 맞춰 반응형으로 작업했습니다.
WORK SCOPE
담당 작업 범위
반응형 화면 개선
PC와 모바일 환경에 맞춰 메뉴, 콘텐츠 카드, 게시판 영역이 자연스럽게 배치되도록 작업했습니다.
UI 인터랙션 구현
아코디언 카드, 미디어 탭 전환, 모바일 메뉴, 영상 영역 등 사용자 인터랙션을 구현했습니다.
PREVIEW
프로젝트 화면
대표 이미지를 클릭하면 주요 화면을 자세히 확인할 수 있습니다.
