Auvex
위로 — 돌아가기 Auvex 회사 소개 위로 밀거나 눌러서 이동

Auvex web

업종이 바뀌면
디자인도 바뀝니다.

같은 스튜디오가 만들었지만 서로 닮은 구석이 없습니다. 업종과 브랜드 성격에 따라 색, 서체, 움직임, 정보 구조를 처음부터 다시 짭니다. 아래는 그 폭을 보여드리기 위한 원페이지 샘플입니다.

모두 가상 브랜드입니다. 실제 고객사 작업물이 아니라, 디자인 방향을 보여드리려고 아우벡스가 직접 만든 샘플입니다. 각 페이지의 문의 폼은 실제로 전송되지 않습니다.

미리보기 불러오는 중
01 · 카페 · 베이커리Vibrant

소담 베이크하우스Sodam Bakehouse — 비비드 그래픽

원색을 정면으로 쓰는 방향. 도형으로 짠 내비게이션, 픽셀 아트 띠, 하프톤 콜라주 메뉴 카드로 분식집 전단 같은 활기를 노렸습니다.

  • Bricolage Grotesque
  • Black Han Sans
  • 흐르는 오븐 띠
  • 찢어진 종이 예약 폼
사이트 열기 ↗
미리보기 불러오는 중
02 · 피부과 클리닉Chrome

결 스킨클리닉Gyeol Skin Clinic — 리퀴드 크롬

검은 바탕에 액체 금속. WebGL로 굴러가는 크롬 덩어리와 빛이 지나가는 레터링으로, 의료 정보를 차갑고 정밀한 톤으로 담았습니다.

  • Unbounded
  • WebGL 리퀴드 크롬
  • 시술 깊이 다이어그램
  • 시간대 선택 예약
사이트 열기 ↗
미리보기 불러오는 중
03 · 건축사사무소Technical

OFFSET 건축사사무소OFFSET Architects — 도면 그래픽

도면을 그대로 화면으로 옮긴 방향. 좌표와 실 면적이 따라붙는 평면도, 아이소메트릭 프로젝트 카드, 공사비 구간을 고르는 문의 폼으로 구성했습니다.

  • Archivo
  • IBM Plex Mono
  • 평면도 좌표 툴팁
  • 프로젝트 필터
사이트 열기 ↗
미리보기 불러오는 중
04 · 지게차 판매 · 렌탈Tunnel

LIFTWAY 리프트웨이Liftway — 3D 터널 내비게이션

현장 안전 표식을 그대로 브랜드로 끌어온 방향. 휠·드래그·방향키로 3D 터널을 전진하면 네 벽면에서 제품 스펙, 숫자 지표, 연혁이 차례로 지나갑니다. 카탈로그를 읽는 게 아니라 창고를 걸어 들어가는 구조입니다.

  • Barlow Condensed
  • IBM Plex Mono
  • CSS 3D 터널
  • 구간 이동 바 · 터널 미터
  • 모델별 견적 폼
사이트 열기 ↗

이런 결로 하나 만들어볼까요? 업종과 예산만 알려주시면 방향부터 같이 정리해 드립니다.

제작 문의 ↗