HUMAGENTLAB

Brand Experience · Decision Design

MOMENT / OFFICE 의사결정 디자인 스튜디오

복잡한 변화를 공유 가능한 지도와 첫 움직임으로 바꾸는 의사결정 디자인 스튜디오 웹사이트.

실제 콘셉트 사이트 열기

Concept Project — HUMAGENT LAB의 웹사이트 구축 역량을 보여주기 위해 자체 기획한 프로젝트입니다.

CONCEPT / 12
MOMENT / OFFICEPractice   Approach   Field notesMap the next move

Change has
a shape.

Decision design01—24
Field note / 001
Make change visible, discussable and possible.

Industry

Decision Design · Strategy Practice

Project Scope

Brand Direction · Modular Editorial UI · Development

ART DIRECTION

브랜드의 성격이 화면에서 느껴지도록

애시드 라임, 코발트 블루, 코랄과 두꺼운 모듈 그리드로 변화의 긴장과 의사결정의 움직임을 시각화했습니다.

Core page system

01Homepage02Practice03Approach04Journal05Contact

CONCEPT BACKGROUND

왜 이 웹사이트를 설계했는가

전환기에 놓인 리더십 팀을 돕는 MOMENT / OFFICE라는 가상의 의사결정 디자인 스튜디오를 독자적으로 기획하고, 선명한 브랜드 언어와 실제 다중 페이지 경험으로 구현했습니다.

이 프로젝트는 실제 고객 의뢰나 가상의 성과 사례가 아닙니다. 특정 고객을 전제로 문제를 꾸미지 않고, 해당 업종에서 유효할 수 있는 제작 접근을 탐구했습니다.

OBJECTIVES

목표

  • 전략 서비스를 결과물이 아닌 움직임의 과정으로 설명
  • 대담하고 현대적인 의사결정 스튜디오 브랜드 구축
  • 각 서비스와 방법론을 실제 상담 흐름으로 연결

APPROACH

접근 방식

  1. 01변화의 장면 → 긴장 → 선택 → 첫 움직임 순서로 스토리 구성
  2. 02의사결정 지도 모티프와 비대칭 모듈 그리드로 고유한 화면 문법 설계
  3. 03Practice, Approach, Journal, Contact를 실제 개별 페이지로 구현

DELIVERABLES

제작 결과물

01

브랜드 방향

02

콘텐츠 전략

03

반응형 UI

04

Next.js 개발

05

인사이트 구조

06

문의 흐름

MAKING PROCESS

디자인 및 제작 과정

  1. 01

    Frame

    전환기에 놓인 팀이 실제로 마주하는 긴장과 의사결정 구조를 정의했습니다.

  2. 02

    Design

    강한 컬러, 타이포그래피와 모듈 그리드로 MOMENT / OFFICE의 시각 언어를 설계했습니다.

  3. 03

    Build

    홈과 네 개 하위 페이지가 하나의 제품 경험으로 이어지도록 구현했습니다.

YOUR PROJECT

다음 프로젝트는 당신의 목표에서 시작합니다.

아직 범위가 명확하지 않아도 괜찮습니다. 목표와 현재 상황을 알려주시면 가장 적합한 시작점을 함께 찾겠습니다.

프로젝트 시작하기