방송/언론/도서/출판

- Client
- 더앤트
- Date
- 2025.09.30
- Type
- 반응형
- Dev
- Linux / php / Mysql / PC / Mobile
작은 픽셀에 담긴 치열한 고민과 협업
더앤트의 이번 홈페이지 리뉴얼은 단순히 디자인을 바꾸는 것을 넘어, 브랜드의 철학과 감성을 시각적으로 구현하는 프로젝트였습니다. 기존 홈페이지가 전달하지 못했던 ‘오늘의 감각과 시간이 지나도 남는 가치’를 표현하기 위해, 메인 화면부터 포트폴리오, 채용, 뉴스룸까지 모든 섹션의 시각적 흐름과 인터랙션을 새롭게 설계했습니다. 방문자가 페이지를 스크롤하는 순간마다 자연스럽게 브랜드 스토리가 전개되도록 구성하여, 더앤트만의 창작 세계와 제작 철학을 직관적으로 경험할 수 있도록 한 것이 특징입니다. <br/><br>리뉴얼된 메인 페이지는 이미지를 중심으로 한 시각적 서사가 핵심입니다. 작품 포스터, 장면 컷, 창작 현장 사진 등 각 이미지가 단순한 시각 자료를 넘어 스토리텔링의 매개체로 사용되었습니다. 스크롤, 호버, 페이드인, 슬라이드 등 다양한 인터랙션을 통해 방문자는 콘텐츠를 단순히 보는 것이 아니라 감각과 감정을 경험하며 탐색하게 됩니다. 또한 무채색 배경 위에 다채로운 작품 이미지를 배치해, 작품 자체의 색감과 개성이 돋보이도록 설계하여 시각적 몰입감을 높였습니다.
- Function
- 게시판 - 글쓰기/수정/삭제, 카테고리
팝업 - 동시팝업, 레이어팝업, 게시기간 설정, 종료일 설정
웹툰 관리 - 메인 노출 체크, 인트로 노출 체크 및 등록/수정/삭제
파트너 관리 - 링크+로고+파트너사명 등록/수정/삭제
- Keyword
-
- #반응형홈페이지
- #웹툰
- #인터랙션디자인
- #스튜디오

-
감성적인 이미지
각 이미지가 하나의 장면처럼, 각 문장이 하나의 대사처럼 배치되어 사용자는 스크롤을 내리는 순간마다 하나의 이야기를 감상하는 경험을 하게 됩니다.

-
Fade Transition
스크롤 이동 시화면이 하얀색에서 검정색으로 페이드되며 전환되어, 컨텐츠의 집중도를 높여줍니다.

-
콘텐츠 중심 탐색 흐름
카드형 레이아웃 형태로 위아래로 서로 엇갈린 무한 루프 움직임이 적용되어 창작 스튜디오로서 여러 작품을 진행하고 있음을 나타냅니다.
이 페이지가 닫혀도, 더앤트의 감각은 당신의 기억 속에 남습니다.
감각은 스쳐가지만, 이야기는 오래 남습니다.
더앤트는 그 순간의 감정을 디자인으로 담습니다.
오늘의 여운이 내일의 영감이 되기를 바랍니다.


