탈피
[MOLT] 파충류, 곤충류 따위가
 성장하기 위해
허물이나 껍질을 벗음
I am MO LTING.

SLOUGHS

:허물

HOAM ART MUSEUM

24.03 ~ 24.03 HOMEPAGE RENEWAL
Contribution: 100% Tool: Adobe XD Font: Roboto, Pretendard

KS 벽지

24.04 ~ 24.04 HOMEPAGE RENEWAL
Contribution: 100% Tool: Figma Font: Noto Sans KR

DIAN

24.04 ~ 24.04 HOMEPAGE RENEWAL
Contribution: 100% Tool: Figma Font: Monument, Gmarket Sans

KIMM

24.04 ~ 24.04 HOMEPAGE RENEWAL
Contribution: 100% Tool: Figma Font: KIMM

SURGERY

24.04 ~ 24.04 HOMEPAGE RENEWAL
Contribution: 100% Tool: Photoshop, Figma Font: Times New Roman, Nanum Myeongjo

HOAM ART MUSEUM

BEFORE MOLTING

RENEWAL GOAL 불편한 UX 보완 부족한 컨텐츠 추가 불필요한 요소들 제거

AFTER MOLTING

GO TO PAGE
정확히 구분되지 않았던 상단 메뉴를 보기 쉽게 재구성했습니다.
위로 이동시켜 가시성을 높였습니다.
마우스 오버 시 화살표가 오른쪽으로 이동하는
반복 애니메이션을 추가해 가시성을 높였습니다.
사진속 텍스트와 그림자를 제거해
사진을 더 강조했습니다.
기존의 단조롭던 전시 공고를 보다 다채롭게 구성했습니다.
기존의 공지보다 더 자주 포스팅되고 있는 SNS로 대체했습니다.
글로만 적혀있던 주소를 보기 쉽게 지도로 한 번 더 표시했습니다.

KS벽지

BEFORE MOLTING

RENEWAL GOAL 벽지 선택에 고민을 덜도록 더 많은 인테리어 사진 추가 기존의 차분한 배치를 트렌디한 배치로 변경

AFTER MOLTING

GO TO PAGE
오버 중인 메뉴에 박스를 넣어 가시성을 높였습니다.
방문자들의 이목을 끌기 위해 트렌디한 배치를 사용했습니다.
스와치를 통해 현재 벽지를 직관적으로 표현했습니다.
혼선을 줄이기 위해 제품 설명을 덧붙였습니다.
간략한 소개로 브랜드의 아이덴티티를 나타냈습니다.

DIAN

BEFORE MOLTING

RENEWAL GOAL 설명 위주의 너무 긴 텍스트들을 사진 위주로 간략하게 정리 세로 정렬을 가로 정렬로 변경해 스크롤 최소화

AFTER MOLTING

GO TO PAGE
오버했을때의
디자인들 입니다.
메뉴는 스크롤시 고정되어 움직입니다.

KIMM

BEFORE MOLTING

RENEWAL GOAL 간략하게 정리된 컨텐츠들을 풀어서 나열하고 상세한 정보를 제공

AFTER MOLTING

ONLY DESIGN
많은 연구소들을 알기 쉽도록
연상되는 아이콘들과 그룹 지어
배치했습니다.
모든 자세히보기는
마우스 오버 시 선이 연장되도록 디자인했습니다.
항목이 많은 연구활동 메뉴는 가로로 배치하여
한 화면에 보이도록 디자인했습니다.
메뉴 클릭 시 검색창은
위로 이동합니다.
스크롤 시 gnb는 픽스되고
검색창은 상단에 고정됩니다.
가장 많이 이용하는
검색 창을 중앙에 배치했습니다.
현재 어떤 항목을 보고 있는지
알기 쉽도록 크기로 구별했습니다.
비교적 항목이 적은 다른 메뉴들은
세로 배치로 여유롭게 배치했습니다.

SURGERY

BEFORE MOLTING

RENEWAL GOAL 작아서 보기 힘든 폰트들을 수정하고 브랜드 컬러와 로고를 추가하여 써저리만의 느낌을 강조

AFTER MOLTING

ONLY DESIGN
해체주의 브랜드인 써저리의 특색을 살려
폰트에 입체감을 주도록 디자인하였습니다.
상품을 보는데 방해가 되지 않을 정도로
배경에 로고를 넣어 디자인하였습니다.
써저리의 브랜드 컬러인
초록색을 사용하였습니다.
브라우저 크기와 상관없이 한눈에 보이도록
위아래가 아닌 양옆으로 배열했습니다.
현재 보고 있는 페이지를
색으로 표시했습니다.