COSICOI
Creative Agency Reimagined
Project Concept Label
CLONE SITE / WEBSITE
Project Type
INTRODUCTION
이 사이트는 기존의 COSCOI 사이트를 사용자가 요청한 콘텐츠 스타일에 맞추어 재해석하고 정리한 클론 프로젝트입니다. 원본 사이트의 핵심 구조와 정보 흐름을 유지하되, 불필요한 요소는 정리하고, 시각적 전달력이 떨어지는 부분은 새롭게 구성하면서 정보 전달과 사용성 중심으로 리디자인했습니다.
DESIGNING METHOD
사이트 제작 과정은 다음과 같은 방식으로 진행되었습니다: ① 구조 분석 및 정보 재배치 먼저 원본 사이트의 메뉴 구조, 페이지 흐름, 모듈 배치를 분석했습니다. 그 과정에서 사용자 경험(UX)의 관점에서 개선이 필요한 지점들을 정리해, 정보 순서를 보다 논리적으로 재배치함으로써 자연스러운 스크롤 흐름을 만들었습니다. ② 클론 구현을 위한 HTML/CSS 기반 정적 페이지 구축 레이아웃은 HTML5 구조를 기반으로 하고, 디자인 스타일은 CSS로 재구현했습니다. 콘텐츠 간 간격 통일, 폰트 계열 정리, 색상 대비 조정, 반응형 레이아웃 일부 개선 특히, 원본 사이트의 시각적 요소를 그대로 복사하는 것이 아니라, “같은 분위기지만 더 안정적인 UI”를 목표로 스타일을 재정리했습니다. ③ 애니메이션·인터랙션 최소화로 정보 가독성 강화 원본 사이트의 요소 중 필요한 부분만 남기고, 과한 애니메이션은 배제했습니다. 클론 사이트의 목적이 “기능 + 구조 + UI 분석”이었기 때문에, 콘텐츠 집중을 위한 깔끔한 인터랙션을 기본 원칙으로 삼았습니다. ④ 유지·관리 용이성을 고려한 섹션 단위 설계 코드 구조는 추후 수정이나 확장을 고려해 각 섹션이 명확히 나누어진 형태로 작성했습니다. 필요 시 다른 프로젝트에도 재활용할 수 있도록 컴포넌트 개념으로 구성했습니다.
FINAL PERFORMANCE
최종 결과물은 원본 사이트의 분위기를 유지하면서도 작업자가 의도한 정돈된 UI/UX 구조를 담은 클론 사이트로 완성되었습니다. 콘텐츠 전달이 깔끔하고 직관적으로 이루어지고 섹션별 흐름이 매끄러워 사용자가 자연스럽게 정보를 탐색할 수 있으며 원본 사이트 대비 정리된 디자인 덕분에 가독성이 크게 향상되었습니다. 이 완성본은 포트폴리오로 활용하기에도 적합하고, 추후 브랜드형 프로젝트의 기본 템플릿으로 확장 가능성을 갖습니다.
