자연유래 코스메슈티컬 화장품 브랜드
메디 랩
MediLab
- WordPress
- Responsive Web
- Server Setting
- Maintenance
(주)코센홀딩스의 주력 코스메슈티컬 화장품 ‘메디 랩(Medi Lab)’ 브랜드 웹사이트 리뉴얼 제작.
글로벌 브랜드를 지향하는 메디 랩의 브랜드 웹사이트는 고급감과 독창적인 컨셉을 구현하기 위해 새롭게 리뉴얼 되었습니다. 특히, 워드프레스를 기반으로 유니크한 웹사이트 구현을 위해 네비게이션 메뉴 커스터마이징, 메인 페이지 커스터마이징, 풍부한 애니메이션과 인터랙션을 가미하여 깔끔한 디자인의 웹사이트 제작에 주력한 프로젝트 입니다.
– Full Screen Landing Page –
웹사이트 전체에 적용된 모든 이미지들은 기획 단계에서 클라이언트와의 커뮤니케이션을 통해 몇차례 제안/선별하여 적용하였으며, 다양한 컨셉 레퍼런스 제안/선정된 자료와 디자인 시안을 토대로 타 브랜드와 차별성 있는 디자인과 UI로 구현된 Full Screen 랜딩 페이지는 상하 스크롤 전면 슬라이드 기반에 ‘메디 랩’ BI 컨셉이 반영된 디자인과 다양한 인터랙션으로 구성하였습니다.
– Custom Navigation Menu –
최근 글로벌 웹사이트의 트렌드 중 하나는 사이트맵의 단순화 입니다.
‘메디 랩’ 웹사이트는 이러한 트렌드에 맞춰 이전 웹사이트의 복잡한 사이트맵을 단순화하고 메뉴를 심플하게 구성하는 과정이 필요했습니다.
심플한 사이트맵 구조를 기획하고, 네비게이션 메뉴 UI를 커스터마이징하여, 타 브랜드 웹사이트들과 차별화 하기위해 주력 하였습니다.
– Brand Page –
전반적으로 디자인 퀄리티에 신경을 썼지만, 이번 프로젝트의 디자인 측면에서 메인 페이지만큼 비중을 둔 부분은 브랜드 소개 페이지라 할 수 있겠습니다.
페이지를 구성하는 세세한 요소들의 인터랙션과 애니메이션에서도 브랜드 아이덴티티를 살리기위해 노력했으며, 특히 탈 그리드 스타일의 레이아웃과 이미지 레이어의 중첩 효과 등 트렌디한 새로운 시도들도 ‘메디 랩’ 웹사이트의 브랜드 소개 페이지에서 구현하였으며, 기본적으로 워드프레스에서 제공하는 레이아웃에서 표현되지 않는 디자인 기법들을 구현하기위해 노력했습니다.
– Sub Page Banners –
메인 페이지를 포함하여 모든 서브 페이지의 상단에 타이틀 애니메이션이 가미된 서브 페이지 배너들을 제작 적용하여 사이트 전반의 시각적 요소를 풍부하게 하고, 퀄리티를 높였습니다.
배너에 적용된 애니메이션은 브랜드 아이덴티티에서 출발하는 아이디어를 토대로 제작, 브랜드의 이미지를 부각시키기 위한 세심한 노력을 담아내었습니다. 웹사이트를 구성하는 요소 하나하나에 해당 브랜드의 아이덴티티와 에센스를 표현하기위해 노력했습니다.