Editorial commerce
미니멀 모노톤
여백과 타이포그래피만으로 완성한 절제된 인상. 제품 사진이 주인공이 되도록 인터페이스는 끝까지 물러섰습니다.
- Commerce
- Art direction
- Next.js
홈페이지 디자인 스튜디오
좋은 홈페이지는
느낌부터 다릅니다.
마음에 드는 무드를 먼저 고르고, 실제 작동하는 사이트로 확인하세요. 디자인부터 배포까지 한 팀이 끝까지 맡습니다.
- 디자인 샘플
- 30+디자인 샘플
- 평균 로딩
- 0.9s평균 로딩
- Lighthouse 접근성
- 100Lighthouse 접근성
- 평균 제작 기간
- 2주평균 제작 기간
Selected work
당신의 취향을
화면 위에 펼쳐보세요.
서로 다른 분위기의 작업들. 각 프로젝트가 어떤 문제를 어떻게 풀었는지 확인해보세요.
What we do
만드는 것으로 끝나지 않습니다.
디자인, 개발, 운영. 세 단계를 한 팀이 맡으면 넘기는 과정에서 새는 것이 없습니다.
디자인
무드보드에서 시작해 타이포그래피, 컬러, 여백까지. 브랜드의 인상을 화면 언어로 옮깁니다.
- 아트 디렉션
- 디자인 시스템
- 반응형 설계
개발
Next.js로 만드는 빠른 화면. 접근성과 SEO는 나중에 붙이는 옵션이 아니라 기본값입니다.
- Next.js · React
- CMS 연동
- 성능 최적화
운영
배포부터 모니터링까지. 글로벌 엣지 위에서 안정적으로 돌아가는 상태를 유지합니다.
- Cloudflare 배포
- 가동 모니터링
- 콘텐츠 관리
Process
네 단계, 평균 2주.
어디까지 왔는지 늘 알 수 있도록 각 단계마다 확인하고 넘어갑니다.
- 01
무드 정하기
30가지 디자인 샘플을 함께 둘러보며 브랜드에 맞는 방향을 좁힙니다. 말보다 화면이 빠릅니다.
- 02
설계와 디자인
정보 구조를 먼저 세우고 화면을 그립니다. 실제 콘텐츠로 작업하기 때문에 완성본과 차이가 없습니다.
- 03
개발과 검수
디자인을 코드로 옮기고, 실제 기기에서 확인합니다. 수정은 라운드 안에서 자유롭게.
- 04
배포와 인수인계
도메인 연결, 검색엔진 등록, 관리 방법 안내까지. 넘겨받은 다음 날부터 직접 운영할 수 있게.