Project Overview

주식회사 미아클은 개인과 기업의 브랜딩을 돕는 '라이프 브랜딩 그룹'입니다. 따라서 이들의 메인 채널인 블로그는 그 어떤 곳보다 '브랜딩이 잘 된' 느낌을 주어야 했습니다. 앳더모먼은 네이버 블로그의 레이아웃 한계를 극복하고, 방문자가 접속하는 순간 미아클만의 에너지와 전문성을 느낄 수 있도록 전면적인 디자인 리뉴얼을 진행했습니다.

Our Creative Approach

"Vivid & Impact"를 디자인 핵심 키워드로 잡았습니다.

• Color Identity: 눈에 확 띄는 형광 라임(Lime Green)과 묵직한 블랙/화이트를 대비시켜, 도전적이고 혁신적인 기업 이미지를 시각화했습니다.

• Typography: 배경에 거대한 'MIA' 타이포그래피를 배치하여 브랜드 네임을 각인시키고, 공간감 있는 레이아웃을 연출했습니다.

Our Strategy Included

• 와이드 위젯(Wide Widget) 적용: 상단 영역을 넓게 활용하여 일반적인 블로그가 아닌 전문 홈페이지의 메인 화면처럼 보이도록 구현했습니다.

• 직관적인 GNB(메뉴) 설계: ABOUT US, BRAND, CAMPUS, ARTICLE 등 주요 카테고리를 아이콘화하여 배치, 사용자가 원하는 정보로 쉽게 이동할 수 있도록 UI(사용자 인터페이스)를 최적화했습니다.

• SNS 채널 연동: 인스타그램, 유튜브 등 다양한 채널로의 유입 경로를 메인 화면에 세련되게 배치하여 마케팅 허브로서의 기능을 강화했습니다.

Key Challenges & Solutions

• Challenge: 네이버 블로그는 HTML/CSS 수정에 제약이 많아, 디자인 시안과 실제 구현 모습 사이의 이질감을 줄이는 것이 관건이었습니다.

• Solution: 투명 위젯과 좌표 값을 정밀하게 계산하는 퍼블리싱 기술을 적용했습니다. 이를 통해 이미지 맵핑의 오차를 없애고, 어떤 해상도에서도 디자인이 깨지지 않고 클릭 영역이 정확하게 작동하도록 구현했습니다.