공식 웹사이트 및 매거진 디스플레이·구매 플랫폼 개발

배경

이탈리아 밀라노 소재 스타트업에서 인턴/수습으로 근무하며, 패션 매거진 및 이벤트 마케팅 서비스의 공식 웹사이트와 매거진 플랫폼(디스플레이·구매)을 맡았습니다.

시작 시점의 상태는 두 가지였습니다. 사이트는 정적 HTML이라 페이지가 늘어날 때마다 마크업을 복사해 쓰는 구조였고, 도메인과 호스팅 계정은 외주 프리랜서가 개인 명의로 보유하고 있었습니다. 회사 웹사이트인데 회사가 소유하지 않은 상태였습니다.

당시 구축한 사이트는 common-mag.com에서 볼 수 있습니다.

진행한 작업

1. 정적 HTML → Vue.js/Vuetify 재구축

반복되는 마크업을 Vue.js 컴포넌트로 나누고, Vuetify 컴포넌트 라이브러리 위에 공식 웹사이트와 매거진 디스플레이·구매 페이지를 다시 올렸습니다. 모바일·태블릿·데스크톱 브레이크포인트는 재구축 시점에 함께 설계했습니다 — 정적 HTML에 반응형을 나중에 덧대는 것보다, 컴포넌트 체계를 새로 잡는 김에 같이 넣는 편이 훨씬 쌉니다.

2. 도메인·호스팅을 회사 계정으로 이관

도메인과 호스팅 모두 이전 작업을 맡았던 외주 프리랜서의 개인 계정에 있었습니다. 그 사람과 연락이 닿지 않으면 회사가 자기 사이트에 손댈 방법이 없는 구조였습니다.

Hostinger에 회사 계정으로 공유 호스팅을 개설하고, 도메인을 회사 명의로 이전했습니다. 기술적으로 어려운 작업은 아니지만, 프론트엔드를 새로 만들어도 그게 올라가는 자리를 회사가 소유하지 못하면 절반만 해결한 셈이라 같이 처리했습니다.

3. 포트폴리오 탐색 동선 개선

SNS를 통해 유입되는 사용자가 프로젝트 결과물을 확인하고, 이를 비즈니스 컨택으로 이어갈 수 있도록 포트폴리오 페이지의 탐색 흐름을 개선했습니다.

4. 다국적 팀 협업

밀라노 현지 팀과 협업하며 패션 매거진·이벤트 마케팅 서비스에 필요한 화면 요구사항을 화면 단위로 정리해 구현으로 넘겼습니다.

결과

프론트엔드 전체 흐름(화면 기획 → 구현 → 배포)을 처음으로 끝까지 맡은 프로젝트입니다. 코드뿐 아니라 도메인과 호스팅까지 회사 소유로 넘어온 것이 실제로 남은 결과입니다.