Client Work
Fashion Press 리뉴얼 디자인
웹 미디어 Fashion Press의 리뉴얼 디자인과 프론트엔드 개발을 담당했습니다.
- 클라이언트
- Carlin,inc.
- 담당
- 정보 설계 · 디자인 · 프론트엔드
- 제작 기간
- 2016.04 - 2018.05
- 사용 도구
- Photoshop ,Illustrator ,HTML ,CSS ,JavaScript ,Ruby on Rails
패션을 중심으로 다양한 라이프스타일 정보를 제공하는 웹 미디어 Fashion Press의 리뉴얼 프로젝트에 참여하여 정보 설계, 웹 디자인, 프론트엔드 엔지니어링을 담당했습니다.
【타깃】
20~50대의 폭넓은 남녀를 주요 타깃으로 한 서비스입니다. 이용자 비율은 남성 30%, 여성 70%입니다.
【프로젝트 목표】
기존 웹사이트는 반응형을 지원하지 않았기 때문에, 반응형 대응을 계기로 사이트 전체를 전면 리뉴얼했습니다. 뉴스 콘텐츠의 비중이 높은 서비스인 만큼, 많은 텍스트를 담고 있어도 정보를 쉽고 직관적으로 전달하는 것을 목표로 했습니다.
【정보 설계】
사용자가 사이트를 자연스럽게 탐색할 수 있도록 사용자 동선을 고려하며 페이지별 정보 구조를 설계했습니다. 관련 기사로의 이동을 유도하는 UI, 광고 노출 위치와 빈도 등 사용자 경험(UX)과 인터페이스(UI)를 함께 고려하며 화면을 구성했습니다. 또한 페이지 수가 매우 많은 프로젝트였기 때문에 컴포넌트 단위로 정보를 체계적으로 정리하는 데 많은 시간을 투자했습니다.
【디자인】
기존 사이트는 블랙을 중심으로 한 세련된 디자인이었지만, 더 폭넓은 사용자층을 고려하여 화이트와 그레이를 기본으로 하고 비비드 핑크를 포인트 컬러로 사용했습니다. 당시 Instagram에서 볼 수 있었던 미니멀하고 감성적인 라이프스타일 콘텐츠의 디자인에서 영감을 받아 전체적인 분위기를 구성했습니다. 또한 많은 콘텐츠를 답답하지 않게 보여주기 위해 여백을 넉넉하게 활용하여 가독성을 높였습니다.
사이트 보기 ↗ 【타깃】
20~50대의 폭넓은 남녀를 주요 타깃으로 한 서비스입니다. 이용자 비율은 남성 30%, 여성 70%입니다.
【프로젝트 목표】
기존 웹사이트는 반응형을 지원하지 않았기 때문에, 반응형 대응을 계기로 사이트 전체를 전면 리뉴얼했습니다. 뉴스 콘텐츠의 비중이 높은 서비스인 만큼, 많은 텍스트를 담고 있어도 정보를 쉽고 직관적으로 전달하는 것을 목표로 했습니다.
【정보 설계】
사용자가 사이트를 자연스럽게 탐색할 수 있도록 사용자 동선을 고려하며 페이지별 정보 구조를 설계했습니다. 관련 기사로의 이동을 유도하는 UI, 광고 노출 위치와 빈도 등 사용자 경험(UX)과 인터페이스(UI)를 함께 고려하며 화면을 구성했습니다. 또한 페이지 수가 매우 많은 프로젝트였기 때문에 컴포넌트 단위로 정보를 체계적으로 정리하는 데 많은 시간을 투자했습니다.
【디자인】
기존 사이트는 블랙을 중심으로 한 세련된 디자인이었지만, 더 폭넓은 사용자층을 고려하여 화이트와 그레이를 기본으로 하고 비비드 핑크를 포인트 컬러로 사용했습니다. 당시 Instagram에서 볼 수 있었던 미니멀하고 감성적인 라이프스타일 콘텐츠의 디자인에서 영감을 받아 전체적인 분위기를 구성했습니다. 또한 많은 콘텐츠를 답답하지 않게 보여주기 위해 여백을 넉넉하게 활용하여 가독성을 높였습니다.
