sketchbook

안국약품
공식 웹사이트 리뉴얼


Tag
UI/UX, Responsive Web
Client
안국약품
Role
Design, Development
Links

Overview

For a BETTER Life

지난 60여년간 우수의약품을 개발, 보급하며 국민의 건강을 묵묵히 지켜온 안국약품은
Total Healthcare 시장을 선도하는 K-Health 기업으로의 도약을 위해
새로운 시대에 맞는 ‘AHN-GOOK 2030 NEW VISION’ 을 설정하고,
사업방향 개편과 더불어 기존의 노후화 된 공식사이트의 리뉴얼을 진행하고자 했습니다.
기획부터 디자인, 개발까지 사이트 리뉴얼의 전 과정을 스케치북과 함께했습니다.

Overview

Reveal
Our New Vision
안국약품에서는 새롭게 설정한 비전을 사이트에 담아내길 원했습니다.
또한, 60년의 역사를 이어온 기업으로서의 전문성을 나타냄과 동시에
급변하는 시대에 빠르게 적응하는 젊은 기업의 이미지를 전달할 수 있는
트렌디한 디자인을 원했습니다.
Needs 01

New Vision

우리의 새로운 비전을 전달하고 싶습니다.

Needs 02

Specialized

60년 역사의 전문성을 전달하고 싶습니다.

Needs 03

Youthful

젊은 기업의 이미지를 전달하고 싶습니다.

Project Goal

K-Health 기업으로의 도약

기존의 노후화된 사이트를 리뉴얼하여 사용성을 높이고
60년 역사의 전문적이고 신뢰가는 기업 이미지를 전달함과 동시에
트렌디한 디자인으로 젊은 기업의 아이덴티티를 형성합니다.
안국약품의 기술력과 연구개발 비전, 기업의 철학 등을 효과적으로 전달하여
Total Healthcare 시장을 선도하는 K-Health 기업으로 도약하고자 합니다.

Design Keyword

New
Ahn-Gook
우리는 안국약품의 역사와 철학을 사이트 곳곳에 녹여냅니다.
새롭게 시작하는 안국약품이 가져야 할 새로운 아이덴티티를
세 가지 키워드로 정의하고 이를 디자인 요소로 반영합니다.

Square

견고한 사각형의 모티프는
안국약품이 지켜온
단단한 원칙과 철학을 의미합니다.

Layered

겹겹이 쌓인 레이어는 안국약품이
지난 60년 간 국민의 건강을 책임지며
쌓아 온 역사를 나타냅니다.

Unstructured Grid

비정형의 그리드는 기존의 것에서 나아가
변화를 주도하는 젊고 트렌디한 안국약품의
2030 NEW VISION을 의미합니다.

Design System

Ahn-Gook
System
사이트의 완성도 높은 아이덴티티 구축을 위해 디자인 시스템을 정의합니다.
정의된 가이드는 사이트의 UI 뿐만 아니라 사용자와의 다양한 접점에 활용하도록 합니다.

reveal
your
existence

Main

견고한 사각형과 레이어의 모티프를 비정형적인 그리드로 구성하여
안국약품의 새로운 아이덴티티를 형성합니다.
사용성을 높이기 위해 즐겨찾는 메뉴를 퀵메뉴 버튼으로 두어
원하는 메뉴에 빠르게 접근할 수 있도록 했습니다.

Sub Page

메인에서 사용된 모티프를 서브페이지에도 적극 확용합니다.
또한, 각 서브페이지마다 중심 타이틀을 큰 비주얼 이미지와 함께 구성하여
메뉴를 직관적으로 파악할 수 있도록 하며, 주목성을 높였습니다.

Mobile

모바일 환경에서도 다양한 콘텐츠를
동일하게 볼 수 있도록 구성했습니다.

2030 NEW VISION

안국약품, K-Health 기업으로의 도약

Credits

  1. Director

    • Baek GwangJong
  2. Product Manager

    • Kang YuMi
    • Kim SangHoon
  3. Design

    • Han SeHui
    • Jun EiAn
  4. Development

    • Lee MinKyung
    • Lee NaRa
    • Kang MinJu