디자인 혁신 — 브랜드 수립부터 매거진 스타일까지
2025년 11월 16일 ~ 21일 · v2.0 → v2.2
기능은 어느 정도 갖춰졌는데, VeryMore에는 '얼굴'이 없었다. 통일된 느낌, 브랜드다운 인상이 부족했다. 약 일주일에 걸쳐 VeryMore의 시각적 정체성을 확립하고, 주요 페이지를 전면 리디자인했다.
디자인 철학 — 다섯 단어
design/ 폴더에 브랜드 가이드라인, 디자인 철학, 색상 팔레트, 메인 페이지 디자인 방향을 정리한 문서 4개를 작성했다. VeryMore의 디자인을 한마디로 요약하면:
Squared · Minimal · Bold · Clean · Modern
각진 디자인(border-radius: 0), 미니멀리즘, 대담한 핑크 컬러, 깔끔한 여백, GSAP 애니메이션. 특히 핑크 컬러(#E91E8C)의 사용 비율을 5~10%로 제한하기로 했다. 포인트일 때 가장 예쁘지, 남용하면 피로하다.
| 용도 | 색상 | 비고 |
|---|---|---|
| Primary | #E91E8C (핑크) | 버튼, CTA, 강조 |
| Secondary | #000000 (블랙) | 타이포그래피 |
| Background | #FFFFFF, #F9FAFB | 깨끗한 배경 |
| Text | #111827, #6B7280 | 본문, 보조 |
메인 페이지 재설계 (v2.0)
메인 페이지(index.php)를 7개 섹션으로 처음부터 다시 설계했다. Header(70px) → Hero(100vh 중앙 정렬) → Features(기능 카드 3개) → How It Works(3단계 타임라인) → Creator Showcase → CTA(핑크 배경) → Footer. Hero 섹션은 화면을 꽉 채우는 100vh로 잡았다. 첫인상이 중요하니까.
에디터 UX 디테일 (v2.1)
비공개 저장 시 경고창을 추가해서 실수를 방지하고, 이미지 블록의 상하 여백을 완전히 제거해 웹툰 스크롤 뷰에 최적화했다. Quill.js CDN도 불안정한 기존 CDN에서 jsdelivr로 교체해 에디터 로딩 실패율을 줄였다.
크리에이터 페이지가 매거진이 되다 (v2.2)
크리에이터 목록 페이지를 과감하게 갈아엎었다. 새로운 creators-v4.css를 처음부터 작성해서 세 가지 핵심 변화를 적용했다.
- 75vh 히어로 섹션과 대형 검색창
- 매거진 스타일 카드 레이아웃
- 글라스모피즘(Glassmorphism) 효과의 카드 디자인
프로필 이미지 경로 수정, 커버 이미지 업로드 기능 추가, 해시태그별 크리에이터 탭 섹션도 함께 구현했다. 하루에 버그 6건(500 에러, 삭제 실패, 용량 계산 오류 등)도 한꺼번에 처리했다.
버전이 v2.0으로 올라갔다. 단순히 기능이 늘어난 게 아니라, VeryMore가 '자기만의 모습'을 갖게 된 의미 있는 구간이다.