web

홈페이지

정다운이 제작한 기업 홍보, 포트폴리오, 커머스 등 최신 웹 표준을 준수하는 웹사이트 제작 사례입니다.

플랫폼 쇼핑몰 제작

블로그페이 기반 SEO 최적화 쇼핑몰 제작 --- ## 📌 Project Overview 블로그페이(Blogpay) 플랫폼을 활용하여 상품 판매와 결제 효율을 높이는 동시에, 검색 엔진 최적화(SEO)를 통해 자연 유입(Organic Traffic)을 극대화한 쇼핑몰 구축 프로젝트입니다. * **주요 역할**: 쇼핑몰 기획 및 구축, 검색 엔진 최적화(SEO) 전략 수립, 메타데이터 관리 * **핵심 목표**: 블로그페이의 결제 시스템 활용 및 네이버/구글 검색 노출 순위 상승 --- ## 🛠 Tech Stack & Tools * **Platform**: Blogpay (블로그페이) * **SEO Tools**: Naver Search Advisor, Google Search Console, Blackkiwi (키워드 분석) * **Design**: Canva, Adobe Photoshop (웹 배너 및 썸네일 최적화) * **Analytics**: Google Analytics 4 (GA4) --- ## ✨ Key Features & Contributions ### 1. 기술적 SEO (Technical SEO) 최적화 * **메타데이터 설정**: 각 상품 페이지별로 고유한 Title Tag와 Meta Description을 작성하여 검색 엔진 수집 효율 증대 * **시맨틱 태그 구조화**: 상품명(H1), 상세 설명(H2, H3) 등 텍스트 구조를 계층화하여 검색 로봇의 이해도 향상 * **오픈 그래프(Open Graph) 설정**: 카카오톡, SNS 공유 시 최적화된 이미지와 문구가 출력되도록 설정하여 클릭률(CTR) 개선 ### 2. 검색 유입 전략 (Search Visibility) * **키워드 타겟팅**: 네이버 데이터랩 및 키워드 도구를 활용하여 검색량이 높고 경쟁 강도가 적절한 '롱테일 키워드'를 상품명에 반영 * **이미지 Alt Text 최적화**: 모든 상품 이미지에 대체 텍스트를 삽입하여 이미지 검색을 통한 유입 경로 확보 * **사이트맵 및 RSS 등록**: 네이버 서치어드바이저와 구글 서치콘솔에 사이트맵을 등록하여 신규 상품의 인덱싱 속도 가속화 * * **키워드 분석**: 구글 트렌드, 네이버 키워드 도구 응용, ai최적화 ### 3. 사용자 경험 및 전환율 최적화 * **모바일 퍼스트 레이아웃**: 블로그페이 특유의 모바일 결제 환경에 맞춰 UI 구성 요소 배치 * **페이지 로딩 속도 관리**: 고용량 이미지를 WebP 또는 압축 포맷으로 최적화하여 이탈률 방지 및 SEO 가산점 확보 --- ## 📈 Learning Points & Results * **검색 노출 성과**: 특정 핵심 키워드군에서 네이버 쇼핑 및 웹사이트 영역 상위 노출 달성 * **유입 경로 다각화**: SNS 광고 의존도를 낮추고 검색을 통한 자연 유입 비중을 전분기 대비 XX% 상승시킴 * **플랫폼 한계 극복**: 제한된 커스터마이징 환경 내에서 스크립트와 메타 설정을 최대한 활용하여 기술적 SEO의 깊이를 더함

View Details →

소나마켓

쇼핑몰 홈페이지 제작

wordpress를통한 자체 홈페이지 서비스 배포 # [Project] 소나마켓 (Sona Market) 쇼핑몰 구축 및 운영 > **일본 정품 빈티지 산리오 굿즈 전문 이커머스 플랫폼** --- ## 📌 Project Overview 일본 현지 바잉 및 경매를 통해 수집한 희귀 빈티지 상품을 판매하는 1인 마켓의 공식 웹사이트입니다. 단순한 판매 기능을 넘어, 브랜드의 팬덤(덕후)을 응집시키고 신뢰감을 줄 수 있는 감성적인 UI 구축에 집중했습니다. * **주요 역할**: 기획, UI/UX 디자인, 웹 구축, 상품 큐레이션 및 CS 채널 최적화 --- ## 🛠 Tech Stack * **Platform**: wordpress * **Design**: Adobe Photoshop, Figma * **Communication**: 게시판 * **Optimization**: Responsive Web (Mobile-First) --- ## ✨ Key Features & Contributions ### 1. 브랜드 맞춤형 UI/UX 디자인 * **감성 브랜딩**: 핑크/화이트 톤과 키치(Kitsch)한 폰트, 이모지를 활용하여 타겟 고객층(산리오 매니아)의 취향을 저격하는 시각적 정체성 확립 * **카드형 레이아웃**: 메인 페이지에 대표 상품을 카드형으로 배치하여 쇼핑의 편의성과 상품의 시각적 매력을 동시에 확보 ### 2. 커머스 기능 및 고객 접점 최적화 * **멀티 채널 CS 연동**: 네이버 톡톡과 인스타그램 DM 버튼을 플로팅 형태로 배치하여 1:1 상담 접근성 극대화 * **구매 프로세스 설계**: 상품 상세 정보 확인부터 주문서 작성까지의 단계를 간소화하여 사용자 경험(UX) 개선 ### 3. 반응형 웹(Responsive Web) 구현 * **모바일 최적화**: 방문자의 대다수가 모바일 기기를 사용하는 특성을 고려하여, 모바일 환경에서의 가독성과 터치 인터페이스 최적화 --- ## 📈 Learning Points & Results * **브랜드 신뢰도 상승**: 인스타그램 단독 판매 방식에서 공식 웹사이트로 전환하며 사업자 정보 공개 및 공식적인 결제 시스템 구축을 통해 고객 신뢰도 확보 * **데이터 기반 운영**: 방문자 유입 경로를 분석하여 인스타그램 마케팅과 웹 유입의 선순환 구조 구축 * **노코드 툴 활용**: 아임웹 솔루션을 활용하여 빠른 빌드업과 동시에 Custom CSS를 적용한 차별화된 디자인 구현

#Nginx#python#html