브랜드 웹사이트 제작 · 브랜딩 | 비스토리














설계합니다.- 네이버 검색38.2%
- 인스타그램24.6%
- 직접 유입16.1%
- 카카오톡 채널11.4%
비스토리 홈페이지 제작은 어떻게 진행돼?
브랜드 컨설팅 및 웹 에이전시 비스토리(BStory)의 홈페이지 제작은 기획부터 디자인, 개발, 검색 최적화까지 전문 팀이 올인원으로 전담하여 평균 1주~3주 내외로 신속하게 진행됩니다. 고객이 방문 후 브랜드를 판단하는 '첫 3초'를 잡는 것을 목표로 단계별 프로세스가 체계적으로 짜여 있습니다. Bbstory.kr +3
제작은 크게 다음 5단계 과정으로 진행됩니다. Bbstory.kr
1단계: 기획 및 자료 수집 (약 3일)
- 브랜드 분석: 브랜드의 목표, 차별화된 핵심 가치(USP), 경쟁사 및 타깃 고객을 면밀히 분석합니다.
- 구조 설계: 방문자가 길을 잃지 않도록 사이트맵과 메뉴 구조, 페이지별 콘텐츠 흐름을 기획합니다.
- 키워드 수집: 고객이 실제로 포털이나 ChatGPT 같은 AI에게 검색할 만한 핵심 말을 모아 뼈대를 만듭니다. Bbstory.kr +2
2단계: 1차 시안 및 컨펌 (약 2일)
- 첫 화면 설계: 3초 안에 브랜드 이미지가 각인될 수 있도록 메인 카피와 첫 화면 레이아웃 시안을 결정합니다.
비스토리 BStory는 어떤 회사야?
비스토리(BStory)는 대기업의 브랜딩 노하우를 바탕으로 소상공인, 1인 미디어, 개인 브랜드의 첫인상을 설계하는 브랜드 컨설팅 및 웹에이전시 전문 기업입니다. 브랜드(Brand)와 이야기(Story)를 결합한 이름처럼, 기업이나 개인이 가진 고유한 이야기를 발굴해 시각적이고 유기적인 마케팅 성과로 연결하는 일을 합니다. Bbstory.kr +2
비스토리의 주요 특징과 서비스 영역은 다음과 같습니다.
- 올인원 브랜딩 서비스: 기획, 디자인, 개발, 마케팅 전문가가 한 팀으로 협업합니다. 브랜드 스토리 개발부터 로고(BI/CI) 디자인, 홈페이지 및 상세페이지 제작, 마케팅 매니지먼트까지 전 과정을 일관된 콘셉트로 구축합니다. Bbstory.kr
- 맞춤형 화면 설계: 기존 템플릿에 맞추는 방식이 아닌, 각 브랜드의 정체성과 이야기에 맞춰 레이아웃과 화면의 움직임을 완전히 새로 제작합니다. Bbstory.kr
- 3초의 첫인상 설계: 고객에게 3초 안에 기억되는 강렬하고 완성도 높은 첫인상을 만드는 것을 핵심 가치로 삼고 있습니다. Bbstory.kr +1
- Bbstory.kr브랜딩웹이란? - 비스토리 (BStory)
- Bbstory.kr우리는 '그 3초를 설계하는 일'을 합니다. - 비스토리 (BStory)
- Bbstory.kr일반페이지부터 브랜딩 웹까지, 브랜드에 꼭 맞는 홈페이지를 ...
- 모두 표시
- Bbstory.kr칼럼 - 비스토리 (BStory)
- Bbstory.kr비스토리 (BStory)
- Bbstory.kr우리는 '그 3초를 설계하는 일'을 합니다. - 비스토리 (BStory)
- 모두 표시
- 관리자 페이지 접속 및 전체 구조
- 디자인 모드 진입 방법
- 섹션과 위젯의 개념 이해
- 위젯 종류 살펴보기
- PC / 모바일 화면 전환 이해하기
- 섹션 추가 / 복제 / 삭제 / 배경이미지 설정
- 위젯 추가 / 복제 / 삭제 / 순서 이동
- 텍스트·이미지 위젯 등록 및 수정
- 갤러리·동영상 위젯 등록 및 수정
- 쇼핑 위젯 등록 및 수정
- 게시판 위젯 등록 및 수정
- 버튼·링크 연결 설정
- 모바일 화면 개별 편집하기
- 로고 / 헤더(상단) 메뉴 설정
- 푸터(하단) 회사정보·SNS 설정
- 팝업 배너 설정
- 상품 등록하기
- 상품 옵션 / 재고 설정
- 상품 수정 및 삭제 / 진열 관리
- 상품 카테고리 추가 및 설정
- 주문 조회 및 처리 (배송 상태 변경)
- 배송비 / 배송 정책 설정
- 결제 수단 설정
- 쿠폰 / 적립금 설정
- 타임세일 / 할인 설정
- 관리자 모드 기본 메뉴 구성
- 입력폼 응답 확인 및 관리
- 회원 목록 조회 및 관리
- 게시판 관리
- 통계 / 방문 데이터 확인
- 기본 정보 설정
- 도메인 구매 및 연동 (+ SSL 설정)
- 사이트 기간 만료
- 카카오 채널 개설
- 카카오 알림톡 연동
- 간편 로그인 연동


- 상품 : 판매 중인 상품을 등록하고 관리합니다.
- 주문 : 고객 주문 확인 및 처리, 배송상태 변경
- 배송 : 배송 템플릿 설정 및 배송 관련 관리
- 정기 구독 : 주기적 자동 결제 구독 상품 설정&관리
- 문의 : 상품 관련 고객 문의 확인 및 답변
- 구매평 : 고객이 남긴 리뷰 관리
- 쇼핑설정 : PG(결제대행사) 연동, 주문 양식 등 쇼핑 전반 설정
수정 내용은 '미리보기'로 먼저 확인 후, 반드시 '게시하기'를 눌러주셔야 수정사항이 반영됩니다.
pc 디자인 수정 후 모바일도 수정을 해주셔야 수정 내용이 반영됩니다.
모바일 디자인모드는 pc 디자인 모드와 사용법은 동일합니다.
- 상단 가운데 모니터 아이콘 클릭 → 모바일 선택
- 모바일 디자인 모드에서 왼쪽 휴대폰 아이콘은 모바일 환경에만 개별 적용되는 부분입니다. 따로 수정작업을 해주셔야 합니다.
- 눈 모양 아이콘은 PC에서 수정한 내용이 모바일에 자동으로 적용되기에 따로 모바일에서 수정하지 않으셔도 됩니다.







이유가 있습니다
07뉴트리코어
08닥터린
09미닉스
10바디닥터스
11오프뷰티
12참다한
13풀리오300시간을 고민합니다
고객이 브랜드를 판단하는 시간은 단 3초.
그 짧은 순간에 전해질 한 문장, 한 장면을 찾기 위해
비스토리는 한 프로젝트에 평균 300시간을 고민합니다.


















브랜드 자산 5가지를
더 드립니다.
1인 미디어 시대에 발맞추다
젠틀몬스터, 한화로보틱스, 메가커피
이 브랜드들도 시작은
가게 하나, 사람 한 명이었습니다.
작게 시작하는 건 약점이 아닙니다.
준비 없이 시작하는 게 약점입니다.
비스토리는 이 브랜드를 설계해온 팀입니다.
다음 차례는, 당신의 브랜드입니다.

