Étoile Fashion Magazine
설명
패션 매거진 웹사이트
기간
Aug 01, 2023 - Aug 16, 2023 (2 weeks)
역할
- 사용자 플로우 및 와이어프레임.
- 비주얼 디자인 및 프론트엔드 구축.
- GSAP 기반 섹션 모션.
기술
HTML5 · CSS3 · JavaScript (ES6+)
GSAP Core · GSAP ScrollTrigger
Figma · Wireframing
프로젝트 목적
트렌드와 컬렉션, 에디토리얼을 한자리에 담은 패션 매거진 사이트입니다. 레이아웃은 요란하지 않고 부드럽게 가져가되 섹션마다 고유한 작은 모션을 붙여, 긴 글도 스크롤 노동이 아니라 리듬으로 읽히게 했습니다.
범위
- · UI/UX 디자인
- · 프론트엔드 개발
- · 인터랙션
주요 기술 특징
매거진 레이아웃
- · 요즘 패션지의 문법을 따른 에디토리얼 그리드와 섹션 리듬을 짰습니다.
모션
- · 배경과 전환 애니메이션을 효과가 아니라 깊이감을 위해 씁니다.
디자인 포인트
소프트 팔레트
패션 에디토리얼의 무드에 맞춰 톤과 이미지를 차분하게 눌렀습니다.
가독성
빠져들 만큼 분량이 긴 섹션에서도 위계가 끝까지 유지됩니다.
갤러리
클릭하여 확대자주 묻는 질문
3D 인터랙티브 웹사이트는 일반 홈페이지와 무엇이 다른가요?
Three.js와 WebGL을 사용해 브라우저에서 3D 오브젝트가 움직이고 마우스와 스크롤에 반응하는 웹사이트입니다. 일반 홈페이지가 정보를 정리해 보여준다면, 3D 인터랙티브 웹은 브랜드의 인상을 체험으로 전달합니다. 패션, 뷰티, 건축, 전시처럼 브랜드 경험이 중요한 분야에서 효과가 큽니다.
웹사이트 제작 기간은 얼마나 걸리나요?
랜딩페이지는 7일, 5페이지 기업 웹사이트는 15일, 10페이지 3D 인터랙티브 웹은 30일을 기준으로 합니다. 자료를 전달받은 시점부터 기산하며 디자인 시안 확인과 피드백 일정에 따라 조정됩니다. 급한 일정이 있으시면 상담 시 말씀해 주시면 가능 여부를 먼저 확인해 드립니다.
호스팅, 도메인, 서버 비용은 따로 드나요?
SSL 보안 인증서 설치, 호스팅 세팅, 데이터베이스 구축은 무상으로 제공해 드립니다. 도메인 구입 비용만 의뢰인이 부담하시며 연 2~3만원 수준입니다. 계정은 처음부터 의뢰인 명의로 생성하므로 이후 담당자가 바뀌어도 서비스가 끊기지 않습니다.
완성 후 제가 직접 내용을 수정할 수 있나요?
관리자 페이지를 함께 구축해 드리므로 개발 지식 없이도 텍스트, 이미지, 게시물을 직접 수정하실 수 있습니다. 납품 시 관리자 사용 매뉴얼을 함께 전달해 드립니다. 화면 구조를 바꾸거나 새로운 기능을 추가하는 작업만 별도 개발이 필요합니다.