* <span>클라이언트: ㈜덴오믹스</span> * <span>프로젝트 기간: 2018.07 – 2018.10</span> * <span>프로젝트 유형: PHP Laravel 기반 독립형 자사 쇼핑몰 구축</span> * <span>팀 구성: 개발자 1명, 디자이너 1명</span> * <span>프로젝트 참여율: 100%</span> * <span>구축 환경: PC 기반 온라인 쇼핑몰</span> * <span>담당 업무: 디자인 시안 제작, 메인·서브 페이지 UI 구현, 상품 상세 페이지 제작, 프론트엔드 퍼블리싱</span> * <span>사용 기술 및 도구: PHP, Laravel, Blade Template, HTML5, CSS3, JavaScript, jQuery, AJAX, JSON, MySQL, Composer, Git, Adobe Photoshop, Adobe Illustrator, Chrome DevTools</span> * <span>적용 기준: 웹 표준, 크로스 브라우징, 시맨틱 마크업, 공통 UI 컴포넌트, 쇼핑몰 사용자 경험 설계</span> <span>㈜덴오믹스의 구강 건강 관련 제품을 온라인에서 효과적으로 소개하고 판매할 수 있도록 PHP Laravel 프레임워크 기반의 독립형 자사 쇼핑몰을 구축하였습니다. 외부 쇼핑몰 플랫폼을 사용하지 않고 브랜드와 상품 특성에 맞는 화면과 기능을 독립적으로 운영할 수 있도록 웹사이트의 정보구조와 사용자 구매 흐름을 설계하였습니다.</span> <span>메인 페이지에는 주요 프로모션 배너, 브랜드 및 상품 카테고리, 추천 콘텐츠, 공지사항과 보도자료 등을 배치하여 사용자가 제품과 브랜드 정보를 빠르게 탐색할 수 있도록 구성하였습니다. 상품 상세 페이지에서는 제품 이미지, 판매가격, 제품 정보, 수량 선택, 구매 및 장바구니 기능을 직관적으로 이용할 수 있도록 UI를 설계했습니다.</span> <span>Laravel의 Blade Template을 활용하여 헤더, 내비게이션, 상품 카드, 게시판 등 반복되는 화면 요소를 공통 컴포넌트로 구성하였습니다. HTML5·CSS3·JavaScript·jQuery를 기반으로 메인 및 서브 페이지를 퍼블리싱하고, AJAX와 JSON을 활용하여 상품 정보와 사용자 인터랙션을 효율적으로 처리할 수 있도록 구현하였습니다.</span> <span>프로젝트에서는 디자인 시안 제작부터 PC용 메인 페이지, 상품 목록, 상품 상세 및 콘텐츠 페이지의 UI 구현까지 담당했습니다. 브랜드 색상과 제품 이미지를 일관되게 적용하여 쇼핑몰의 시각적 통일성을 확보하고, 사용자가 상품 탐색에서 구매 단계까지 자연스럽게 이동할 수 있도록 화면 구성과 사용자 경험을 개선하였습니다.</span>