Work

완료한 것과 진행 중인 것,
있는 그대로.

NONAME

완료

앨범 아트워크와 피지컬 패키지, 영상을 만드는 디지털 아티스트 NONAME의 포트폴리오. 설명을 최소로 줄이고, 실제 작업물 74점을 원본 화질 기준으로 담은 미니멀 아카이브입니다.

이전 — 흩어져 있던 작업물

01 · 문제
작품은 쌓였는데, 정리해 보여줄 곳이 없었습니다
앨범 아트워크·피지컬 패키지·영상 작업이 SNS 피드에 흩어져 있었습니다. 클라이언트에게 '이 사람 작업 전체'를 한 번에 보여줄 공간이 필요했습니다.
02 · 접근
설명을 걷어내고 작품을 주인공으로 세웠습니다
소개도 장식도 최소로 줄인 아카이브 구조를 잡았습니다. 첫 화면은 대표작이 CD처럼 화면 밖에서 굴러 들어와 멈추는 캐러셀 — 들어오자마자 작업부터 보입니다.
03 · 실행
실제 작업물 74점을 그대로 담았습니다
이미지·영상 74점을 전부 연결하고 영상 플레이어를 붙였습니다. 원본 화질을 지키는 선에서 웹용으로 최적화해(602MB→232MB) 로딩 속도까지 잡았습니다.
04 · 결과
완성 — 아티스트가 실제로 쓰고 있는 포트폴리오입니다
배포까지 마쳤고, 아티스트가 실제로 사용하는 포트폴리오입니다. 새 작품이 나오면 같은 기준으로 계속 추가됩니다.

진행 중

스트릿웨어 무드의 브랜드 쇼핑몰. 기존 사이트를 참고자료로 보존하고, 브랜드 톤은 살리되 더 정제된 비주얼과 유지보수 가능한 구조로 Next.js 기반으로 다시 만들고 있습니다.

실제 배포 화면 — 기존 사이트 참고

01 · 문제
기존 사이트로는 브랜드를 다 못 보여주고 있었습니다
스트릿웨어 브랜드의 무드는 담고 있었지만, 상품이 늘어날수록 유지보수가 버거운 구조였습니다. 결제·재고 관리도 수작업에 가까웠습니다.
02 · 접근
브랜드 톤은 지키고, 구조는 새로 짰습니다
브랜드 톤은 그대로 지키되 Next.js 기반으로 프론트엔드부터 관리자 페이지까지 다시 설계했습니다. 상품 등록부터 결제까지 한 사람이 직접 운영할 수 있는 구조를 목표로 잡았습니다.
03 · 실행
상품·결제·관리자까지 순서대로 구축했습니다
상품 목록/상세, 장바구니, 토스페이먼츠 결제 연동, Firebase 기반 관리자 페이지까지 순서대로 구축했습니다. 화면마다 실제 배포 환경에서 직접 확인하며 진행했습니다.
04 · 결과
기획부터 결제 연동까지, 순서대로 쌓아 올렸습니다
상품 목록·장바구니·토스페이먼츠 결제·관리자 페이지까지 전부 붙였고, 실제 배포 환경에서 화면 하나하나 확인하며 마무리하고 있습니다.

다음 프로젝트, 이렇게 진행하고 싶으신가요?