가장 좋았던 그때, 가장 좋은 지금 Back to the 20, Forever 20
세월의 흐름과 함께 더 많아지고, 복잡해지는 피부 고민에 근본적인 해결책을 제시하고 건강한 피부 자신감을 되찾아 주자는 일념으로 서울대&예일대 출신, 국내외 피부전문가 3인이 힘을 모았습니다.
닥터트웬티프로젝트는 50년간 현업에서 쌓아온 피부 과학 데이터를 바탕으로, 믿고 사용할 수 있는 검증된 제품을 선보입니다. 닥터트웬티프로젝트만의 독보적인 기술과 특허성분이 피부 깊숙히 전달되는 피부의 놀라운 변화를 경험하세요.
본 프로젝트의 디자인은 고객사에서 제공했으며 당사에서는 코딩 및 프로그래밍 작업을 수행했습니다.
닥터트웬티프로젝트는 국내외 피부전문가들이 모여 만든 기능성 화장품 브랜드로, 브랜드 철학과 피부 과학 데이터를 효과적으로 전달할 수 있는 쇼핑몰 플랫폼이 필요했습니다. 본 프로젝트는 클라이언트가 제공한 디자인 시안을 기반으로 웹표준과 웹접근성을 고려한 반응형 퍼블리싱 작업을 중심으로 진행되었습니다.
주요 퍼블리싱 작업 범위
- 웹표준 준수: HTML5, CSS3, JavaScript 기반의 구조화된 코드 설계
- 반응형 웹 구현: 다양한 디바이스에서 최적화된 사용자 경험 제공
- 접근성과 속도 최적화: SEO와 로딩 속도 개선을 위한 시맨틱 마크업 구성
- 쇼핑몰 인터페이스 퍼블리싱: 메인 슬라이더, 제품 리스트, 상세 페이지, 장바구니 등 UI 요소 구현
디자인 연동 방식
본 프로젝트는 고객사에서 완성된 디자인 시안을 제공하였으며, 이를 기준으로 정확한 마크업 구현과 세밀한 반응형 대응 작업을 수행하였습니다. 브랜드 아이덴티티가 잘 드러날 수 있도록 각 요소의 위치, 색상, 간격을 철저히 준수하며 코딩하였습니다.
유지보수 및 운영 지원
- 무상 하자보수: 오픈 후 일정 기간 내 발생하는 오류에 대한 신속한 무상 조치
- 무상 유지보수: 텍스트, 이미지 등 간단한 콘텐츠 수정 무상 지원
- 운영 지원 컨설팅: 관리자 사용법 안내, 콘텐츠 등록 가이드 등 웹사이트 운영에 필요한 기본 지원 제공
적용 기술 및 구현 요소
| 항목 | 세부 내용 |
|---|---|
| HTML/CSS | 웹표준 기반의 시맨틱 마크업 및 커스텀 스타일 구현 |
| JavaScript | 슬라이드, 탭 메뉴, 모바일 네비게이션 등 인터랙션 구현 |
| 미디어 쿼리 | 디바이스별 레이아웃 최적화를 위한 반응형 설정 |
| 브라우저 호환성 | 크롬, 사파리, 엣지 등 주요 브라우저에서 검증 완료 |
성과 및 기대 효과
- 브랜드 신뢰도 향상: 고급 디자인을 정확히 구현하여 브랜드 이미지 제고
- 사용자 경험 강화: 직관적 인터페이스와 반응형 대응으로 고객 편의성 증대
- 운영 효율성 확보: 유지보수가 쉬운 구조와 네이밍 체계로 효율적 관리 가능