![디어스](/img/portfolio/deers/msli-bg.png)
![d](/img/portfolio/deers/d.png)
![](/img/portfolio/deers/board_men_body.png)
![](/img/portfolio/deers/board_men_leg.png)
![](/img/portfolio/deers/wind01.png)
![](/img/portfolio/deers/wind02.png)
![e](/img/portfolio/deers/e.png)
![e](/img/portfolio/deers/dearlife.png)
![a](/img/portfolio/deers/e2.png)
![r](/img/portfolio/deers/r.png)
![](/img/portfolio/deers/cicle_woman.png)
![](/img/portfolio/deers/leaf01.png)
![](/img/portfolio/deers/leaf02.png)
![](/img/portfolio/deers/leaf03.png)
![s](/img/portfolio/deers/s.png)
![](/img/portfolio/deers/tree01.png)
![](/img/portfolio/deers/tree02.png)
![](/img/portfolio/deers/sleepy_dear.png)
Date December 31. 2020
deers Group Company IntegrationRenewal Project ⓒ 2021 musign co. all right reserved
01 Overview
글로벌 혁신 솔루션 기업 디어스 그룹은 ‘대한옵셋잉크’로 시작해 올해 창립75년을 맞이한 오랜 역사를 자랑하는 기업입니다.
디어스는 그 동안 산재되어 있던 계열사의 사명을 ‘디어스’로 통일하며 그룹사 대표 사이트 리뉴얼을 뮤자인과 함께 했습니다.
이번 리뉴얼 프로젝트를 통해 그룹사의 비전과 유기적인 연결로써 느껴질 수 있는 그룹사 간의 시너지를 표현하고자 했습니다.
디어스 CI의 톤앤매너를 기반으로 웹사이트에 통일감 있게 제작 하였으며
일반적인 기업사이트의 형식적인 틀에서 벗어나 새로운 변화를 시도한 프로젝트 입니다.
- Ae Jin-o Kim
-
Ad
Myungjoo Kim
Mi-so Park -
Dev
Ji-yun Byun
Yeong-jae Lee
![](/img/portfolio/deers/over_txt.png)
![](/img/portfolio/deers/over_txt2.png)
![](/img/portfolio/deers/over_txt3.png)
![](/img/portfolio/deers/over_img.png)
![](/img/portfolio/deers/over_img2.png)
![](/img/portfolio/deers/over_img3.png)
![](/img/portfolio/deers/over_img.png)
![](/img/portfolio/deers/over_img2.png)
![](/img/portfolio/deers/over_img3.png)
![](/img/portfolio/deers/symbol02.png)
![](/img/portfolio/deers/deers_bt.png)
02 Concept
시대를 앞서가고자 하는 디어스의 포부를 담은 젊고 세련된 CI로 톤앤매너를 설정했습니다.
노루 페인트로 시작한 디어스가 색채 기업의 아이덴티티를 살릴 수 있도록 포인트 컬러 사용과 일러스트를 사용했고,
트렌디하면서도 매력적인 인터렉션은 사이트에 생기를 부여해 디어스의 활발한 사업 움직임을 표현했습니다.
![](/img/portfolio/deers/i_d.png)
![](/img/portfolio/deers/i_d_h.png)
![](/img/portfolio/deers/i_e.png)
![](/img/portfolio/deers/i_e_h.png)
![](/img/portfolio/deers/i_e.png)
![](/img/portfolio/deers/i_e_h.png)
![](/img/portfolio/deers/i_r.png)
![](/img/portfolio/deers/i_r_h.png)
![](/img/portfolio/deers/i_s.png)
![](/img/portfolio/deers/i_s_h.png)
![](/img/portfolio/deers/i_i.png)
![](/img/portfolio/deers/i_i_h.png)
![](/img/portfolio/deers/deers_img.png)
![](/img/portfolio/deers/deers_img2.png)
![](/img/portfolio/deers/i_d.png)
![](/img/portfolio/deers/m_d.png)
![](/img/portfolio/deers/i_e.png)
![](/img/portfolio/deers/m_e.png)
![](/img/portfolio/deers/i_e.png)
![](/img/portfolio/deers/m_e.png)
![](/img/portfolio/deers/i_r.png)
![](/img/portfolio/deers/m_r.png)
![](/img/portfolio/deers/i_s.png)
![](/img/portfolio/deers/m_s.png)
![](/img/portfolio/deers/i_m.png)
![](/img/portfolio/deers/m_m.png)
![](/img/portfolio/deers/m_img.png)
![](/img/portfolio/deers/m_img2.png)
![](/img/portfolio/deers/i_d.png)
![](/img/portfolio/deers/s_d.png)
![](/img/portfolio/deers/i_e.png)
![](/img/portfolio/deers/s_e.png)
![](/img/portfolio/deers/i_e.png)
![](/img/portfolio/deers/s_e.png)
![](/img/portfolio/deers/i_r.png)
![](/img/portfolio/deers/s_r.png)
![](/img/portfolio/deers/i_s.png)
![](/img/portfolio/deers/s_s.png)
![](/img/portfolio/deers/i_s.png)
![](/img/portfolio/deers/s_s.png)
![](/img/portfolio/deers/i_e.png)
![](/img/portfolio/deers/s_e.png)
![](/img/portfolio/deers/i_d.png)
![](/img/portfolio/deers/s_d.png)
![](/img/portfolio/deers/i_a.png)
![](/img/portfolio/deers/s_a.png)
![](/img/portfolio/deers/seda_img2.png)
![](/img/portfolio/deers/seda_img.png)
![](/img/portfolio/deers/i_d.png)
![](/img/portfolio/deers/c_d.png)
![](/img/portfolio/deers/i_e.png)
![](/img/portfolio/deers/c_e.png)
![](/img/portfolio/deers/i_e.png)
![](/img/portfolio/deers/c_e.png)
![](/img/portfolio/deers/i_r.png)
![](/img/portfolio/deers/c_r.png)
![](/img/portfolio/deers/i_s.png)
![](/img/portfolio/deers/c_s.png)
![](/img/portfolio/deers/i_e.png)
![](/img/portfolio/deers/c_e.png)
![](/img/portfolio/deers/i_and.png)
![](/img/portfolio/deers/c_and.png)
![](/img/portfolio/deers/i_c.png)
![](/img/portfolio/deers/c_c.png)
![](/img/portfolio/deers/c_img.png)
![](/img/portfolio/deers/c_img2.png)
![](/img/portfolio/deers/sedatext01.png)
![](/img/portfolio/deers/sedatext02.png)
![](/img/portfolio/deers/sedatext03.png)
![](/img/portfolio/deers/sedatext04.png)
03 CI (Corporate Identity)
![디어스](/img/portfolio/deers/ci-ani01.png)
![디어스](/img/portfolio/deers/ci-ani02.png)
![](/img/portfolio/deers/symbol01.png)
![](/img/portfolio/deers/symbol02.png)
![](/img/portfolio/deers/symbol03.png)
![](/img/portfolio/deers/symbol04.png)
![](/img/portfolio/deers/symbol05.png)
![](/img/portfolio/deers/symbol06.png)
04 Typography System
![](/img/portfolio/deers/font.png)
![](/img/portfolio/deers/typography_mo.png)
05 Color System
![](/img/portfolio/deers/color01.gif)
![](/img/portfolio/deers/color02.gif)
![](/img/portfolio/deers/color03.gif)
06 VIVID AND TRENDY
기업의 아이덴티티를 잘 반영한 컬러풀한 느낌과 미래에도 앞서나가고자 하는 기업의 비전을
담은 젊고 트렌디한 비주얼 컨텐츠 사용했습니다.
2021 DEERS group renewal project 지속가능한 미래를 위한
글로벌 혁신 솔루션 기업
![](/img/portfolio/deers/vivid01.png)
![](/img/portfolio/deers/vivid03.png)
![](/img/portfolio/deers/vivid04.png)
![](/img/portfolio/deers/vivid02.png)
![](/img/portfolio/deers/bg_u.png)
07 HISTORY
오랜 역사를 담은 기업인만큼 과거 역사적인 순간의 사진으로 기업의 연혁을 기획 했습니다.
직선으로 나타낸 기존의 연혁 표현 방식에서 벗어나 독특한 레이아웃과 흥미로운 인터렉션을 통해
디어스의 발자취를 생생하게 느낄 수 있습니다.
08 Easy searching and managing
사이트 첫 랜딩페이지에서 통합검색 기능을 바로 제공하고 , 사용자들이 필요한 결과값을 더욱 빠르게 찾을 수 있도록 세분화시킨 카테고리로 분류 했습니다.
관리자도 제품 및 프로젝트에 대한 컨텐츠 등록을 손쉽게 할 수 있도록 제작 했습니다.
09 MOBILE PAGE
![](/img/portfolio/deers/moc_img01.png)
![](/img/portfolio/deers/mo_frame.png)
![](/img/portfolio/deers/main_mobile01.png)
![](/img/portfolio/deers/mo_frame.png)
![](/img/portfolio/deers/main_mobile02.png)
![](/img/portfolio/deers/moc_img01.png)
![](/img/portfolio/deers/mo_frame.png)
![](/img/portfolio/deers/moc_img02.png)
![](/img/portfolio/deers/main_mobile03.png)
![](/img/portfolio/deers/moc_img01.png)
![](/img/portfolio/deers/mo_frame.png)
![](/img/portfolio/deers/moc_img03.png)
![](/img/portfolio/deers/moc_img03-1.png)
![](/img/portfolio/deers/moc_img03-2.png)
![](/img/portfolio/deers/moc_img03-3.png)
![](/img/portfolio/deers/main_mobile04.png)
![](/img/portfolio/deers/mo_frame.png)
![](/img/portfolio/deers/moc_img04.png)
![](/img/portfolio/deers/main_mobile05.png)
10 subsidiary
디어스 홈페이지와 함께 계열사를 보여주는 페이지입니다.
![](/img/portfolio/deers/msli-i07.png)
![](/img/portfolio/deers/msli-i08.png)
![](/img/portfolio/deers/msli-i10.png)
![](/img/portfolio/deers/msli-i06.png)
![](/img/portfolio/deers/review_txt.png)
11 Review
![](/img/portfolio/deers/jo.png)
Kim Jin-o Planning dept.
![](/img/portfolio/deers/yj.png)
Lee Yeong-jaeWeb Dev dept.
사이트 운영이 편리할 수 있도록 구현 했습니다.
참여하며 즐거웠던 프로젝트였습니다.
![](/img/portfolio/deers/ms.png)
Park Mi-soDesign dept.
축하합니다. 친숙하고 경쾌하지만 신뢰감이 느껴지는
기업 이미지로 거듭나도록 디테일에도 많은 신경을 썼습니다.
![](/img/portfolio/deers/jy.png)
Byeon Ji-yoonWeb Dev dept.
반영했습니다. 특히 드래그하면서 텍스트가 드롭되는
인터렉션은 유저들에게도 흥미로울 것 같네요.
![](/img/portfolio/mem05.png)
Kim MyungjooDesign dept.
맞추니 통일성 뿐만 아니라 더 큰 시너지가 느껴지네요.
지속가능한 디자인으로 잘 유지할 수 있도록 했습니다.
기획과정에서 다양한 시도와 과감한 변화로 계속해서 발전하려는 디어스의 기업가치를 느낄 수 있어 무척 인상 깊었고, 뮤자인을 통해 더욱 매력적인 기업으로 변신한 기회가 된 것 같아 가치있는 작업이었습니다.