← 포트폴리오 목록
건축 · 인테리어 · 자체 프로젝트

FORMA

공간의 깊이를, 화면에 담다.

사이트 직접 보기 (새 창)
FORMA 실제 제작한 PC 홈페이지의 첫 화면
제작 이야기

공간의 깊이를, 화면에 담다.

사진이 먼저 이야기하고, 필요한 정보가 뒤따릅니다. 공간을 다루는 스튜디오를 위해 여백과 사진의 비율부터 설계했습니다.

프로젝트
랭크빌더 자체 제작
작업 범위
프로젝트 아카이브 · 공간별 상세 · 상담 브리프
대응 화면
PC · 태블릿 · 모바일
브랜드 색상
#F2EEE6#A34F36#302D28
페이지 하나하나, 같은 완성도로

안쪽까지 둘러보세요.

아래 화면을 누르면 해당 페이지로 이동합니다.

FORMA 실제 모바일 홈페이지 첫 화면

같은 브랜드, 다른 화면 크기.

화면을 이렇게 구성했습니다
01

공간을 먼저 보여주는 첫 화면

대형 건축 사진과 짧은 문구로 브랜드의 첫인상을 만듭니다.

02

찾기 쉬운 작업물

프로젝트를 유형별로 나누고, 상세 화면에서 공간의 이야기를 읽을 수 있습니다.

03

다음 행동이 분명한 구성

스튜디오 소개에서 제작 과정, 상담으로 자연스럽게 이어집니다.

탐색부터 다음 행동까지

눈으로 보고,
직접 사용해보세요.

공간별 프로젝트를 살펴본 뒤, 원하는 공간의 조건을 정리해보세요. 작성한 내용은 이 브라우저에만 저장됩니다.

  1. 프로젝트 탐색
  2. 공간 상세
  3. 서비스 확인
  4. 요구사항 작성
  5. 브리프 확인
사이트 둘러보기 (새 창)
전체 페이지 디자인 펼쳐보기

아래 이미지는 실제 제작한 페이지를 캡처한 자료입니다.

원본 크게 보기 ↗ (새 창)FORMA 데모 홈페이지 전체 화면
제작 구성 자료 내려받기

본 프로젝트는 가상 브랜드의 자체 제작 데모입니다. 실제 고객사·매출·납품 성과를 의미하지 않습니다. 사진은 생성 이미지와 디자인 참고용 이미지를 사용했으며, 실제 결제·예약·외부 데이터 연동은 제공하지 않습니다.

FORMA 같은 방향을 생각하셨나요?

우리 브랜드에 맞게,
새롭게 만듭니다.

이 디자인으로 제작 상담

다른 작업물도 살펴보세요.

AQUA 사이트 화면AQUA뷰티 · 브랜드몰 ↗DAYDAY 사이트 화면DAYDAY카페 · 베이커리 ↗