Work

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

NONAME

완료

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

이전 — 흩어져 있던 작업물

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

진행 중

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

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

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

완료

서울·경기·인천에서 청소 서비스를 운영하는 정결한청소의 브랜드 사이트. 가격을 숫자로 노출하지 않고 전화 문의로 안내하는 로컬 서비스업 구조를 지키면서, 배상책임보험 미가입 같은 신뢰 공백은 언급하지 않고 실제 보유한 자격증·직영팀 운영 사실로 신뢰를 채웠습니다.

이전 — 채널이 흩어져 있던 상태

01 · 문제
5년째 운영 중이었지만, 자체 사이트가 없었습니다
네이버 플레이스·블로그·인스타그램에 문의가 흩어져 있었고, 하청 없이 직영팀이 직접 운영한다는 사실이나 보유 자격증 같은 신뢰 정보를 한곳에 모아 보여줄 자리가 없었습니다.
02 · 접근
없는 걸 만들어내지 않고, 있는 걸 정확히 썼습니다
배상책임보험 미가입은 사이트 어디에도 언급하지 않고, 대신 실제 보유한 청소전문관리사·방역관리사 자격증과 하청 없는 직영팀 운영을 신뢰 신호로 세웠습니다. 가격은 숫자를 노출하지 않고 전화 문의로 안내하는 방향으로 잡았습니다.
03 · 실행
홈·서비스·가격·후기·문의 5페이지와 검색 대응까지 붙였습니다
전화 문의 버튼을 헤더와 모바일 하단 고정바에 반복 배치하고, 사이트맵·robots·오픈그래프·LocalBusiness 구조화 데이터까지 붙여 링크 공유와 검색 노출을 챙겼습니다.
04 · 결과
완성 — 대표님 본인 계정으로 직접 운영합니다
호스팅 계정은 에이전시가 아니라 대표님 본인 명의로 넘겨 소유권을 그대로 드렸습니다. 실제 문의가 들어오는 사이트로 운영 중입니다.

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