D:AAL PORTFOLIO
전체 작업으로

브랜드 홈페이지D:AAL 콘셉트 스터디

기점정밀

공정 사진, 검토 항목, 소재 기준표를 한 시스템으로 묶어 기술 상담의 시작점을 분명하게 만듭니다.

전체 사이트 보기 전체 작업 보기
LIVE PREVIEW

현재 사이트를 불러오는 중입니다.

제작 유형 브랜드 홈페이지

회사 전체를 설명할 때 선택합니다. 서비스, 사례, 회사 소개와 문의 정보를 3-7개 페이지로 나눕니다.

분야
정밀 제조 · 자동화
D:AAL 역할
서비스 구조 · B2B 카피
구현 범위
5페이지 · 기술·적용 분야·품질·문의 데모
프로젝트 성격
D:AAL 콘셉트 스터디

범위 안내가상 제조기업 콘셉트이며 실제 설비, 공차, 인증, 고객, 납품 성과와 견적 전송을 포함하지 않습니다.

DESIGN JUDGMENT

공정 사진, 검토 항목, 소재 기준표를 한 시스템으로 묶어 기술 상담의 시작점을 분명하게 만듭니다.

도면·소재·공차·일정의 검토 순서를 앞세워, 정밀 제조 상담에서 무엇을 먼저 준비해야 하는지 보여 주는 5페이지 B2B 제조기업 홈페이지입니다.

01 / ROLE

무엇을 맡았나

  • 서비스 구조
  • B2B 카피
  • 아트 디렉션
  • 반응형 인터랙션
  • 프론트엔드
02 / OUTPUT

무엇을 만들었나

  • 홈
  • 기술
  • 적용 분야
  • 품질
  • 프로젝트 검토 데모
03 / PROOF

무엇을 확인할 수 있나

  • 첫 화면을 카피·가공 비주얼·검토 기준의 3열로 나누고, 모바일에서는 같은 순서를 한 열로 재배치했다
  • 설비 목록보다 발주 담당자의 제작 검토·공정·적용 조건·품질 판단 순서를 앞세운 5페이지 구조
  • 허구의 인증과 고객 로고 대신 각 공정에서 확인해야 할 조건과 포트폴리오 한계를 명시했다

PROJECT INTENT

정밀함을 장식이 아니라, 판단 순서로.

제조기업의 첫 화면은 설비 설명보다 공정 조건을 함께 검토한다는 약속을 먼저 읽히게 했습니다. 실제 측정 장면은 넓은 화면에서만 판단의 맥락을 더하고, 뒤따르는 기술·자동화·품질 페이지가 검토 순서를 완성합니다.

주제
정밀가공·조립 자동화·비전 검사를 하나의 기준으로 연결하는 B2B 제조기업
대상
도면과 요구 사양을 가진 제조기업의 개발·구매·생산기술 담당자
핵심 장치
밝은 작업면, 가공 비주얼, 짙은 검토 패널을 분리해 가공·자동화·검사를 하나의 조건 검토 흐름으로 이어 주는 첫 화면
프로젝트 구분
D:AAL 자체 기획 콘셉트 스터디 · 실제 기업, 설비, 인증, 고객, 납품 성과 아님

COLOR INTENT

밝은 가공면 위에 판단의 무게를 남깁니다.

#1A262C

기준 잉크

가공 기록의 선명한 본문색처럼, 정보의 위계를 차분하게 잡습니다.

본문 · 버튼 · 기준선
#F6F7F5

작업 페이퍼

밝은 작업면과 문서의 인상을 이어, 사진과 정보 사이에 충분한 숨을 둡니다.

페이지 배경 · 여백
#E9EDEB

측정 그레이

금속과 작업대의 무채색을 빌려, 준비 자료와 보조 정보를 정돈합니다.

정보 그룹 · 보조 배경
#DB3B2F

신호 레드

다음 검토 행동과 단계 번호에만 쓰는 제한된 신호색입니다.

CTA · 단계 번호 · 강조

VIEW PROJECT

설명에서 멈추지 않고, 전체 화면으로 확인하세요.

전체 사이트 보기 전체 작업 보기

MORE WORK