NextMind DigitalWeb & brand production Local_business_web 한국 기업 미국 진출 →
◎ Los Angeles, CA한국어
NextMind Digital웹 & 브랜드 프로덕션 US_market_entry US local business →
◎ 로스앤젤레스, CAEnglish
Concept부동산 개발전문 서비스 · Standard

LOFT

demo.nextmind.digital/loft
Concept
정보CONCEPT
구분
콘셉트 데모
업종
부동산 개발
비즈니스
가상 · LA
사이트 언어
영어
주요 기능
스크롤로 그려지는 건물 · 프로젝트 페이지 · 비포·애프터 슬라이더
연도
2026

만든 목적

토지주와 파트너, 투자자에게 부지를 읽는 눈을 믿게 해야 하는 개발사나 시공사를 위해 만들었습니다. 프로젝트로 일하는 과정을 설명하고, 부지와 아이디어에 대한 문의를 받는 것이 이 사이트의 역할입니다.

예시 비즈니스

LOFT는 남들이 지나친 부지를 찾아 그 블록에 없던 건물로 바꾸는 LA의 부동산 개발사입니다. 토지주와 파트너, 시는 부지를 어떻게 읽는지를 보고 개발사를 고르기 때문에, 사이트는 찾기, 틀 잡기, 짓기, 열기의 네 단계를 세 가지 콘셉트 프로젝트로 보여줘야 합니다.

사이트가 하는 일

  • YARD / 4TH, FORM / WEST, ATLAS / ROW 세 가지 콘셉트 프로젝트와 프로젝트별 상세 페이지
  • 프로젝트마다 개요, 풀어야 할 질문, 핵심 구상, 세 가지 접근
  • YARD / 4TH의 처음 창고와 재생 후 모습을 오가는 비포·애프터 슬라이더
  • 다음 패널이 올라오면 아래 패널이 작아지고 어두워지는 네 단계 개발 과정
  • 네 분야가 한 테이블에 둘러앉는 스튜디오 페이지
  • 부지, 아이디어, 어려운 문제 중 하나를 골라 시작하는 문의 폼과 입력 확인

페이지 구성

  • 홈 — 인트로 애니메이션, 짧은 선언, 옆으로 넘어가는 프로젝트, 스크롤로 그려지는 건물
  • 프로젝트 목록 — 세 프로젝트 리스트와 회사가 부지를 고르는 기준
  • 프로젝트 상세 — 개요, 핵심 질문, 구상, 세 가지 접근, 한 프로젝트의 비포·애프터 슬라이더
  • 개발 과정 — 겹쳐 쌓이는 네 단계 패널과 이를 받쳐 주는 네 가지 기준
  • 스튜디오 — 한 테이블에 둘러앉는 네 분야와 함께 일하는 파트너
  • 프로젝트 문의 — 부지, 아이디어, 어려운 문제 중 하나로 시작하는 문의 폼

움직임

  • 숫자가 올라가며 주황색 스카이라인이 솟은 뒤 측량 격자 위로 한 글자씩 떠오르는 히어로
  • 스크롤에 따라 대지선에서 골조, 외장, 불 켜진 창까지 그려지는 액소노메트릭 건물
  • 화면에 고정된 채 옆으로 넘어가는 세 프로젝트와 번호, 진행 막대
  • 스크롤 속도와 방향에 따라 빨라지고 기우는 흐르는 띠 문구
  • 페이지 사이로 올라오는 주황색 패널

어울리는 비즈니스

  • 부동산 개발사, 건설사
  • 종합 시공사, 건축 시공 업체
  • 건물 재생, 리모델링 전문 회사
  • 부지와 파트너를 찾는 부동산 투자 그룹

내 사이트로 만들기

회사 이름과 로고, 프로젝트, 사진, 개발 과정, 팀 소개를 넣고 프로젝트마다 상세 페이지를 둡니다. 도메인을 연결하고 문의 폼은 이메일로 받도록 연결합니다. 곧 문을 여는 건물의 임대 안내 페이지를 더하는 것도 좋은 확장입니다.

  • 그대로 사용상호, 로고, 사진, 정보를 넣고 도메인을 연결하면 이 디자인 그대로 오픈합니다.
  • 바탕으로 맞춤 제작마음에 드는 부분은 살리고 레이아웃, 색, 페이지, 기능을 비즈니스에 맞게 바꿉니다.

이 데모를 그대로 쓰면 Standard 단계입니다. 단계별로 들어가는 것 보기 →

예시로 만든 가상 비즈니스입니다. 상호, 주소, 전화번호는 실제가 아니며, 사이트는 보이는 그대로 작동합니다.

화면데스크톱 · 모바일3개 화면
LOFT: 측량 격자 위 히어로
측량 격자 위 히어로
LOFT: 바닥부터 그려지는 건물
바닥부터 그려지는 건물
LOFT: 휴대폰에서 본 첫 화면
휴대폰에서 본 첫 화면