Role
Responsive web redesign
Duration
4 Weeks
Team
Solo
Tool
PROJECT INTRODUTION
새로운 컨셉의 반응형 웹페이지 리디자인
pimm’s는 영국의 가장 대표적인 gin-based fruit cup 브랜드다. 또한 다양한 칵테일 레시피를 제공하고있다. 하지만 그들의 최근 웹사이트는 대중적이지 않고 불편한 구조를 가지고있다. 그래서 웹페이지의 문제점을 보완하여 리디자인하고, 데스크탑, 테블릿, 모바일 디바이스에 맞는 반응형 웹페이지를 구성하였다.
DESIGN PROCESS
01.
Problems & Solutions
Problems
어떻게하면 사용자가 편하게 제품을 구매하고 필요한 정보를 얻을 수 있을까?
02.
Grid System
사용자가 어느 환경에서도 편리하게 사이트를 이용할 수 있도록 그리드 시스템을 기반으로한 반응형웹을 설계했다.
Desktop
Tablet
Mobile
03.
Prototype
Design Style Guide
Pimm’s 제품이 가진 이미지와 특징을 고려했다. Pimm’s의 라벨이 다소 클래식하고 각종 레시피 이미지가 화려해 심플한 베이스에 채도 높은 컬러로 포인트를 주었다.
Main Page
Solution Prototyping
계획한 Solutions 에 맞게 정리하고 중요도에 따라 서비스 위치를 배치했다.
Pimm’s의 메인 제품인 <Pimm’s No.1>의 제품 설명과 구매 서비스를 제공했다. 또한, 단종된 제품은 제외했다.
메인 제품의 구매 서비스 후 함께 살 수 있는 악세사리 제품을 제공했다.
Pimm’s 제품으로 만들 수 있는 다양한 음료 제조 레시피 정보를 제공한다.
Footer(풋터)의 레이아웃을 보기 편리하게 정리하여 로고와 함께 배치했다.
Responsive by Device
사용자가 어느 환경에서도 편리하게 웹사이트를 사용할 수 있도록 Desktpo, Tablet, Mobile 구조에 맞게 반응형 구조를 디자인했다.
Desktop Ver.
Tablet Ver.
Mobile Ver.
More Projects
