portfolio

Randy's Donut Redesign

challenge

Randy's Donut이 가진 통통튀고 감각적인 느낌을 더욱 살릴 수 있도록 리디자인 했습니다.
또한 매력적인 도넛 이미지들과 텍스들에 동적인 움직임을 추가하여 시각적인 재미 요소를 더해보았습니다.

미디어 쿼리를 활용하여 핸드폰, 타블렛, pc 등 다양한 미디어에서도 확인이 가능하도록 하였으며,
곳곳에 마우스 이벤트를 활용하여 디자인에 활기를 주었습니다.

design

랜디스 도넛의 브랜드 컬러를 메인 컬러로 사용하고, 비슷한 톤의 오렌지-옐로우 컬러로 포인트를 주었다.

채도가 높은 컬러를 주로 활용하기 때문에 화려하고 복잡한 로고 대신, 텍스트 중심의 디자인으로 편집

채도가 높은 컬러가 메인으로 들어가기 때문에, 한글 폰트는 심플한 느낌의 noto sans kr을 사용, 영문폰트는 포인트가 되는 부분에 들어가기 때문에 볼드한 느낌의 rowdies를 사용

challenge

1. 메인 배너의 도넛 이미지가 디스플레이의 사이즈에 따라 위치 변화
- - 기존의 % 값이었던 메인 배너의 높이 값을 고정 값을 px로 수정하여 높이 값 고정
- - 기타 margin이나 padding 값 또한 고정값으로 수정한 뒤, overflow:hidden; 적용
2.공식 이미지 자료 부족으로 인한 디자인의 어려움
- - 공식 한국 사이트 외에도 해외의 공식 사이트들을 찾아 이미지를 적용
- - 유사한 스타일의 도넛 이미지를 수정하여 이미지 적용