본문 바로가기

벨르랑코 코스메틱 쇼핑몰

제품이 필요한 상황을 문구로 짚고, 스킨케어 제품 사진을 크게 보여주는 코스메틱 쇼핑몰입니다.

현재 운영 사이트
  • 뷰티·코스메틱
  • 쇼핑몰 제작
  • 코스메틱
  • 브랜딩
제작 화면 · 첫 화면 — 제품을 먼저 보여주는 배너

벨르랑코 · 제작 첫 화면 원본

벨르랑코 제작 첫 화면 전체

이미지를 누르면 원본을 새 창에서 볼 수 있습니다. ESC 키로 닫기

화면 구성 포인트

첫 화면에서 무엇을 보여줄지부터정했습니다.

  1. 01

    제품을 먼저 보여주는 배너

    푸른 배경에 스킨케어 제품과 거품을 함께 배치합니다. 촉촉함을 전하는 문구를 읽고 제품의 형태를 확인할 수 있습니다.

  2. 02

    제품을 고르는 화면으로

    상단 SHOP 메뉴를 브랜드·이벤트·커뮤니티와 나누어 배치합니다. 캠페인에서 상품 탐색과 브랜드 정보로 이어지는 경로입니다.

  3. 03

    해시태그로 짚는 제품 특징

    문구 아래에 #딥톡스·#클렌징폼·#수분토너 버튼을 나란히 둡니다. 배너에 나온 제품이 무엇인지 단어로 한 번 더 알려줍니다.

화면에 들어간 기능

  • 다국어 전환
  • 해시태그 버튼
  • 메인 슬라이드
  • 카카오톡 상담 버튼
  • 검색

제작 과정

어떤 사례든,같은 순서로 만듭니다.

  1. 01

    듣기

    사업 내용과 고객, 지금 겪는 불편을 직접 듣습니다.

    • 사업 이해
    • 고객 파악
  2. 02

    정리

    첫 화면에 둘 것과 뒤로 보낼 것을 나눠 순서를 잡습니다.

    • 화면 순서
    • 메뉴 구성
  3. 03

    디자인

    사진과 문구의 톤을 맞춰 브랜드 분위기를 화면에 옮깁니다.

    • 톤 정리
    • 시안 확인
  4. 04

    확인

    PC와 모바일에서 문의·구매까지 막힘이 없는지 점검합니다.

    • 모바일 점검
    • 문의 연결

진행 방식

이야기를 들은 담당자가,제작까지 직접 참여합니다.

설명은 한 번이면 됩니다.

  • 실무 담당자가 직접 듣습니다

    상담한 사람과 만드는 사람이 같아, 같은 설명을 반복하지 않습니다.

  • 자료가 부족해도 시작할 수 있습니다

    있는 자료부터 살펴보고, 더 필요한 것만 요청드립니다.

  • 방향을 확인한 뒤 디자인합니다

    화면 구성을 먼저 보여드리고, 확정된 뒤에 디자인에 들어갑니다.

  • 단계마다 확인받습니다

    중간 결과를 공유하고, 선택한 이유를 함께 설명합니다.

  • 오픈 뒤 관리 방법을 안내합니다

    직접 고칠 수 있는 부분과 맡기실 부분을 나눠 알려드립니다.

제작 비용 보기 →

잘하는 일이 빛나는 홈페이지, 첫 화면부터 함께 만듭니다.

무엇을 먼저 보여줄지 정하는 기획부터 디자인과 개발까지, 브랜드포유가 직접 맡습니다.

월 - 금 10:00 - 18:00