디코랩 · 디자인 샘플 게시판 · 홈페이지 제작 문의
한 장에 소개·메뉴·연락을 담은 디코랩 원페이지 홈페이지 디자인 샘플을 업종별로 모았습니다.
풍수 인테리어 상담을 찾는 사람은 이사·입주를 앞두었거나 가게 문을 열려는 사람입니다. 홈페이지에서 먼저 확인하는 것은 우리 집 현관 방향이면 방마다 어느 쪽인지, 가구를 어디에 두라고 흔히 말하는지, 그리고 도면만 보내도 되는지와 비용입니다. 이 샘플은 페이지 전체를 나경의 여덟 방위로 짰습니다. 대표 화면 「나경 위의 평면도」에서 현관이 향한 방위를 고르면 도면 위 나경이 돌아가 방마다 방위가 표시되고, 침대·책상·소파를 방에 끌어 놓거나 눌러 놓으면 그 자리에서 흔히 권하는 배치 이야기가 한 줄로 나옵니다. …
작명소 홈페이지를 찾는 사람은 출산을 앞둔 부모, 개명을 고민하는 사람, 가게 이름을 정하려는 사장님입니다. 이들은 이름 짓는 과정이 어떻게 진행되는지, 비용이 어느 정도인지, 그리고 어떻게 상담을 신청하는지를 먼저 확인합니다. 이 샘플은 첫 화면을 「이름 저울」 작업대로 열었습니다. 성과 후보 이름 2~3개를 넣으면 글자마다 첫소리(초성)의 발음오행이 색 구슬로 접시에 놓이고, 접시저울 여러 대가 나란히 바늘을 움직여 후보를 재미로 견줘 볼 수 있습니다. …
원페이지 · 작명소 홈페이지 디자인 샘플 자세히 보기
철학관을 처음 찾는 사람은 홈페이지에서 어떤 상담을 얼마에 받는지, 태어난 시를 몰라도 되는지, 그리고 겁주는 말을 하지 않는 곳인지를 먼저 살핍니다. 혼례·이사·개업 날을 받으려는 사람은 날짜가 어떤 날인지도 궁금해합니다. 이 샘플은 가상의 동네 철학관 「느티재 철학관」을 위해 만들었습니다. 컴퓨터 화면에서는 한지 두루마리에 세로로 쓴 안내가 아래로 내릴 때마다 오른쪽에서 왼쪽으로 넘어가고, 대표 기능인 오늘의 일진 달력은 이번 달 날짜마다 육십갑자 일진을 계산해 보여 주며, 날짜를 누르면 택일 참고 한 줄을 「참고용 예시」로 적어 줍니다. …
원페이지 · 철학관 홈페이지 디자인 샘플 자세히 보기
타로 상담실 홈페이지를 찾는 방문자는 대부분 휴대폰으로 들어와 어떤 분위기에서 상담하는지, 얼마인지, 전화로도 되는지, 겁주는 곳은 아닌지를 먼저 확인합니다. 리더 한 사람이 운영하는 상담실이라면 상담하는 사람의 말투와 원칙이 곧 가게의 얼굴이 됩니다. 이 샘플은 가상의 1인 타로 상담실 「달무리 타로」를 위해 만들었습니다. 페이지 전체를 짙은 보라 펠트 테이블로 꾸미고, 방문자가 고민 주제를 고르고 카드를 섞어 세 장을 펼친 뒤 한 장씩 눌러 뒤집어 보는 카드 테이블로 상담 분위기를 미리 느끼게 했습니다. …
원페이지 · 타로 상담실 홈페이지 디자인 샘플 자세히 보기
사주 카페를 처음 찾는 사람이 홈페이지에서 먼저 확인하는 것은 어떤 분위기인지, 얼마이고 몇 분인지, 그리고 예약은 어떻게 하는지입니다. 처음이라 망설여지는 손님일수록 겁을 주는 문구보다 편안하게 앉아 이야기하는 자리라는 느낌이 먼저 전해져야 합니다. 이 샘플은 가상의 사주 카페 「다섯잔 사주찻집」의 원페이지입니다. 페이지 전체를 다섯 층으로 차오르는 유리 찻잔으로 짜서, 섹션 다섯 개가 나무·불·흙·쇠·물(목화토금수) 한 층씩이 되고 스크롤하면 왼쪽 찻잔 차림표가 아래층부터 차오릅니다. …
원페이지 · 사주 카페 홈페이지 디자인 샘플 자세히 보기
녹음실을 시간 단위로 빌리려는 사람은 홈페이지에서 먼저 어떤 방인지, 어떤 장비가 있는지, 그리고 몇 시간에 얼마인지를 확인합니다. 노래 한 곡을 녹음하려는 개인, 서너 명이 모이는 팟캐스트, 합주를 한 번에 담으려는 밴드는 필요한 방과 시간이 서로 다르기 때문에, 사진과 요금이 한 화면 안에서 이어져야 문의까지 갑니다. 이 샘플은 가상의 시간제 녹음실 「잔향 녹음실」을 위해 만든 원페이지입니다. 컨트롤룸·보컬 부스·라이브룸·라운지·장비실 사진이 세로 패널 다섯 장으로 나란히 서 있고, 마우스를 올리거나 누른 방이 넓게 펼쳐지며 넓이·인원·설명이 나타납니다. …
원페이지 · 녹음실 대여 홈페이지 디자인 샘플 자세히 보기
데이 스파 홈페이지에 들어온 방문자는 코스마다 몇 분이 걸리고 무엇이 포함되며 얼마인지, 그리고 방이 어떤 분위기인지를 먼저 봅니다. 마음에 들면 바로 원하는 날짜와 시간에 예약하고 싶어 하고, 처음 가는 곳이라면 건강 상태 때문에 받아도 되는지도 궁금해합니다. 이 샘플은 가상의 예약제 데이 스파 「모래숨」을 위해 만든 깔끔한 사진 중심 원페이지입니다. 코스를 고르면 그 코스의 사진이 가운데 작은 원에서 화면 크기로 천천히 열리고, 시간·포함 내용·예시 가격이 함께 바뀝니다. …
원페이지 · 데이 스파 홈페이지 디자인 샘플 자세히 보기
남성 바버숍 홈페이지에 들어온 손님이 가장 먼저 찾는 것은 커트·면도가 얼마인지, 몇 분 걸리는지, 그리고 지금 비어 있는 시간이 언제인지입니다. 예약제 가게라면 처음 가는 손님일수록 "예약 없이 가도 되나", "어느 바버에게 앉아야 하나"를 궁금해합니다. 이 샘플은 가상의 1인 예약제 남성 바버숍 「파랑줄 바버」를 위해 만든 원페이지입니다. 흰 바탕에 면도 도구·가위·이발 의자·바버의 손 사진을 같은 높이의 가로 줄로 놓았고, 사진은 흑백으로 놓여 있다가 화면 가운데에 오면 천천히 원래 색을 찾습니다. …
원페이지 · 남성 바버숍 홈페이지 디자인 샘플 자세히 보기
요트 투어를 찾는 방문자는 홈페이지에서 먼저 어디를 도는지, 몇 시간 걸리는지, 얼마인지, 날씨가 나쁘면 어떻게 되는지를 확인합니다. 바다 위 일정은 말로 설명하기 어려워서, 사진과 시각이 함께 보여야 "이 배를 타면 이런 저녁을 보내겠구나" 하고 마음을 정합니다. 이 샘플은 가상의 요트 투어 업체 「물마루 세일링」을 위해 만든 원페이지입니다. 화면 가운데(휴대폰은 왼쪽)에 그린 세로 항로 선이 정박 지점이 화면에 들어올 때마다 한 구간씩 그려지고, 출항·등대·섬·노을 지점·귀항의 사진과 시각·거리가 좌우로 번갈아 나타납니다. …
원페이지 · 요트 투어 홈페이지 디자인 샘플 자세히 보기
한복 대여점을 찾는 사람은 대개 고궁 나들이를 앞두고 휴대폰으로 들어옵니다. 먼저 보는 것은 어떤 옷과 머리 장식이 있는지, 그리고 몇 시간에 얼마이고 언제까지 돌려주면 되는지입니다. 사진이 적거나 요금이 흩어져 있으면 예약하기 전에 전화부터 하게 됩니다. 이 샘플은 가상의 한복 대여점 「소맷결 한복」을 위해 만든 원페이지입니다. 큰 대표 사진 아래로 쪽빛 필름 띠가 천천히 흘러가고, 띠의 사진을 누르면 위 사진과 설명이 바뀝니다. …
원페이지 · 한복 대여점 홈페이지 디자인 샘플 자세히 보기
라멘 가게 홈페이지에 들어온 손님이 가장 먼저 찾는 것은 어떤 라멘이 있고 한 그릇이 얼마인지, 그리고 지금 가도 자리가 있고 국물이 남아 있는지입니다. 카운터 몇 자리로 운영하는 작은 가게일수록 "가 봤더니 다 팔렸다"는 경험이 단골을 잃게 만듭니다. 이 샘플은 가상의 카운터 10석 라멘 가게 「라멘 열자리」를 위해 만든 원페이지입니다. 위에서 내려다본 그릇 사진을 화면 가운데 큰 원 안에 두고, 쇼유·미소·츠케멘을 고르면 그릇이 살짝 돌며 바뀌고 둘레에 국물·면·토핑 설명이 놓입니다. …
원페이지 · 라멘 가게 홈페이지 디자인 샘플 자세히 보기
승마장 홈페이지를 찾는 사람은 대개 말을 처음 타 보려는 가족이나 친구입니다. 그래서 먼저 어떤 곳에서 타는지, 우리 아이 나이·키·몸무게로 탈 수 있는지, 무엇을 입고 가야 하는지를 확인합니다. 글로 된 소개보다 마장과 마방, 말이 쉬는 방목장 사진 몇 장이 훨씬 빨리 답이 됩니다. 이 샘플은 가상의 「너른들 승마장」을 위해 만든 원페이지입니다. 첫 화면에 마장 → 마방 → 방목장 → 외승 길 사진 여덟 장을 이어 붙인 가로 파노라마 띠를 화면 높이로 깔고, 손으로 끌거나 버튼·방향키로 옆으로 둘러보게 했습니다. …
원페이지 · 승마장 홈페이지 디자인 샘플 자세히 보기
빈티지 소품·가구 가게를 찾는 손님은 홈페이지에서 먼저 이번 주에 무엇이 들어왔는지, 그 물건이 얼마이고 얼마나 큰지, 그리고 가기 전에 잡아 둘 수 있는지를 확인합니다. 집을 정리하며 물건을 팔려는 사람은 사진만 보내도 되는지를 궁금해합니다. 이 샘플은 주마다 들어오는 물건 사진을 필름 밀착 인화지처럼 작은 칸으로 한 장에 늘어놓았습니다. 칸을 누르면 루페(돋보기)가 그 칸 위로 내려와 사진을 크게 보여 주고, 옆에 이름·연대·크기·예시 가격과 「보류 요청」 버튼을 띄웁니다. …
베이글 가게 손님이 홈페이지에서 가장 먼저 찾는 것은 오늘 어떤 맛이 있고 얼마인지, 그리고 몇 시에 갓 구운 것이 나오는지입니다. 출근길·점심에 포장해 가는 손님은 가게 앞에서 고민하는 시간을 줄이고 싶어 하고, 회의·행사 담당자는 몇 개를 언제까지 주문해야 하는지 알고 싶어 합니다. 이 샘플은 가상의 동네 베이글 가게 「둥근아침 베이글」을 위해 만든 사진 중심의 깔끔한 원페이지입니다. 흰 바탕 정사각 사진 타일을 누르면 여섯 칸 상자의 빈칸에 그 베이글 사진이 들어가고, 합계와 포장 주문 문장이 바로 만들어집니다. …
원페이지 · 베이글 가게 홈페이지 디자인 샘플 자세히 보기
꿀을 농가에서 직접 사려는 사람은 홈페이지에서 먼저 꿀 종류마다 무엇이 다른지, 얼마이고 언제 받을 수 있는지, 그리고 정말 벌을 키우는 농가인지를 확인합니다. 아카시아꿀과 밤꿀이 색도 맛도 전혀 다르다는 것을 글로만 설명하면 잘 전해지지 않습니다. 이 샘플은 가상의 양봉 농가 「한들양봉원」을 위해 만든 원페이지입니다. 사진을 모두 육각형으로 잘라 벌집처럼 맞물린 모자이크로 보여 주고, 칸을 누르면 그 칸이 커지며 실제 꿀 색 견본·맛·뜨는 때가 열립니다. …
디저트 가게 홈페이지에 들어온 손님이 가장 먼저 찾는 것은 오늘 무엇이 진열돼 있고 한 조각에 얼마인지, 그리고 생일·기념일에 쓸 홀케이크를 언제까지 주문해야 하는지입니다. 메뉴 사진이 작고 많기만 하면 고르기 어렵고, 주문 마감을 모르면 결국 전화로 처음부터 다시 묻게 됩니다. 이 샘플은 가상의 프랑스 디저트 파티스리 「파티스리 모레」를 위해 만들었습니다. 흰 바탕 가운데에 디저트 하나를 크게 띄우고 양옆 디저트를 작게 흐리게 보여 주는 진열장 캐러셀로 실제 쇼케이스 앞에 선 것처럼 한 조각씩 넘겨 보게 했고, 가운데 디저트 옆에 이름·맛 설명·가격을 붙였습니다. …
원페이지 · 디저트 파티스리 홈페이지 디자인 샘플 자세히 보기
수제 맥주 양조펍 홈페이지에 들어온 손님이 먼저 찾는 것은 오늘 어떤 맥주가 열려 있는지, 몇 시까지 하는지, 그리고 직접 빚는 곳이라면 양조장을 볼 수 있는지입니다. 맥주 이름만 늘어놓으면 처음 오는 사람은 무엇을 시켜야 할지 모르고, 사진만 많으면 정작 필요한 정보가 묻힙니다. 이 샘플은 가상의 동네 양조펍 「여덟꼭지 양조펍」을 위해 만든 원페이지입니다. 짙은 바탕 위에 크기가 다른 사진 칸을 꽉 맞물린 사진 벤토 그리드로 펍과 양조장의 분위기를 보여 주고, 탭 리스트는 사진 없이 맥주 빛깔 동그라미·도수·쓴맛 막대로 깔끔하게 정리했습니다. …
원페이지 · 수제 맥주 양조펍 홈페이지 디자인 샘플 자세히 보기
반려견 미용실 홈페이지에 들어온 보호자가 가장 먼저 찾는 것은 우리 아이에게 어떤 컷이 어울리는지, 체중으로 얼마인지, 몇 시간 걸리는지입니다. 그다음에는 처음 맡기는 곳이라 미용 과정이 어떻게 되는지, 그리고 예약을 어떻게 하는지를 봅니다. 이 샘플은 가상의 1:1 예약제 미용실 「볕결」을 위해 만든 원페이지입니다. 첫 화면을 미용 스타일 카드 더미로 열었습니다. 큰 강아지 사진과 스타일 이름·어울리는 견종·소요 시간이 담긴 카드를 옆으로 밀거나 버튼·방향키로 한 장씩 넘기고, 마음에 드는 카드는 담은 스타일에 모입니다. …
원페이지 · 반려견 미용실 홈페이지 디자인 샘플 자세히 보기
정원·조경 업체 홈페이지를 찾는 사람은 대개 마당이나 옥상을 앞에 두고 「손보면 정말 달라질까, 얼마나 들까, 만든 뒤 관리는 누가 하나」를 먼저 궁금해합니다. 그래서 시공 사진, 대략의 비용, 관리 계획이 첫 화면 가까이에서 바로 보여야 상담으로 이어집니다. 이 샘플은 가상의 업체 「올리뜰 조경」을 위해 만든 사진 중심의 깔끔한 원페이지입니다. 시공 사례마다 두 장의 사진을 겹쳐 두고 가운데 손잡이를 밀어 시공 전·후를 비교하게 했고, 12달 계절 관리 일정표와 마당 넓이로 보는 예시 견적, 현장 상담 신청까지 한 화면 흐름으로 이었습니다.
원페이지 · 정원·조경 시공 홈페이지 디자인 샘플 자세히 보기
스몰웨딩이나 세미나 장소를 찾는 사람은 대관 공간 홈페이지에서 먼저 공간이 실제로 어떻게 생겼는지, 몇 명까지 들어가는지, 몇 시간에 얼마인지를 확인합니다. 사진 몇 장만 나열된 홈페이지로는 입구에서 홀, 테라스, 대기실이 어떻게 이어지는지 알기 어려워 결국 전화로 하나하나 묻게 됩니다. 이 샘플은 가상의 대관 공간 「그날홀」을 위해 만든 원페이지입니다. …
원페이지 · 대관 공간 홈페이지 디자인 샘플 자세히 보기
서핑을 처음 해 보려는 사람이 서핑 스쿨 홈페이지에서 먼저 찾는 것은 수영을 못해도 되는지, 강습이 어떻게 흘러가는지, 얼마인지, 그리고 그날 바다에 들어갈 수 있는지입니다. 경험자는 여기에 보드·슈트 대여 요금과 샤워 시설을 더 봅니다. 글보다 바다 사진 한 장이 먼저 마음을 움직이는 업종이라, 사진이 크게 보이면서도 이 질문들에 바로 답해야 합니다. 이 샘플은 사진 커튼 구성입니다. 섹션마다 화면을 꽉 채운 바다 사진이 뒤에 고정되어 있고, 흰 카드 본문이 그 위로 천천히 지나갑니다. 섹션이 끝나면 다음 바다 사진이 아래에서 올라옵니다. …
원페이지 · 서핑 스쿨 홈페이지 디자인 샘플 자세히 보기
실내 식물 가게 홈페이지에 들어온 손님이 가장 먼저 궁금한 것은 「이 식물이 우리 집에서 살 수 있을까?」입니다. 예쁜 사진만으로는 답이 안 되고, 창이 어느 쪽인지, 물을 얼마나 챙길 수 있는지에 따라 권할 식물이 달라집니다. 분갈이를 맡길 수 있는지, 비용은 얼마인지도 함께 찾습니다. 이 샘플은 가상의 식물 가게 「볕들」을 위해 만든 깔끔한 사진 중심 원페이지입니다. …
원페이지 · 실내 식물 가게 홈페이지 디자인 샘플 자세히 보기
동네 파스타 식당 홈페이지에 들어온 손님이 가장 먼저 찾는 것은 오늘 어떤 메뉴가 있고 어떤 접시로 나오는지, 그리고 점심 세트 가격과 영업시간입니다. 메뉴 이름만으로는 요리가 떠오르지 않고, 사진만 늘어놓으면 가격과 설명을 찾기 어렵습니다. 이 샘플은 가상의 생면 파스타 식당 「트라토리아 결」을 위한 원페이지로, 큰 글씨 메뉴판이 주인공입니다. PC 에서는 요리 이름에 마우스를 올리면 그 접시 사진이 커서 옆에 떠서 부드럽게 따라오고, 휴대폰이나 키보드로는 이름을 누르면 그 줄 아래에 사진이 펼쳐집니다. …
원페이지 · 파스타 식당 홈페이지 디자인 샘플 자세히 보기
바닷가 펜션을 고르는 손님이 홈페이지에서 가장 먼저 확인하는 것은 방에서 정말 바다가 보이는지, 몇 명이 묵을 수 있고 얼마인지, 그리고 원하는 날짜에 빈 방이 있는지입니다. 사진이 아무리 많아도 이 세 가지가 흩어져 있으면 손님은 전화하기 전에 다른 펜션 창을 엽니다. 이 샘플은 가상의 바닷가 펜션 「물결창 펜션」을 위해 만든 깔끔한 사진 중심 원페이지입니다. 첫 화면에서 아침·한낮·노을·밤 버튼으로 바다 사진이 천천히 바뀌는 「하루의 바다」를 보여 주고, 객실은 방 이름 목록을 누르면 큰 사진과 정보가 바뀌는 목록-상세 구성으로 정리했습니다. …
원페이지 · 바닷가 펜션 홈페이지 디자인 샘플 자세히 보기
찻집·다원 홈페이지에 들어온 손님은 먼저 이 집이 어떤 분위기인지, 어떤 차를 어떻게 내주는지, 그리고 주말에 열리는 차 클래스를 어떻게 신청하는지를 확인합니다. 찻집은 공간과 다구가 곧 가게의 얼굴이라, 사진을 어떻게 보여 주느냐가 첫인상을 정합니다. 이 샘플은 가상의 찻집 「늦잎 다실」을 위해 만든 원페이지입니다. 흰 벽의 사진 전시실처럼 한 줄에 사진을 한 점씩 넓은 여백 속에 걸고, 옆에 박물관 작품 라벨처럼 번호·제목·차 이름·물 온도를 적었습니다. …
원페이지 · 찻집 홈페이지 디자인 샘플 자세히 보기
감귤을 직접 주문하려는 사람은 농원 홈페이지에서 지금 어떤 귤이 나오는지, 한 상자에 얼마인지, 언제 받을 수 있는지를 먼저 찾습니다. 선물로 보내려는 사람은 다른 주소로 보낼 수 있는지, 아이와 함께 갈 사람은 수확 체험이 언제 열리는지를 확인하지요. 이 샘플은 가상의 「온귤농원」을 위해 만든 사진 중심의 깔끔한 원페이지입니다. 밭·제철·주문·수확 체험·문의를 큰 숫자 01–05 챕터로 나누고, 챕터마다 화면 폭을 꽉 채운 귤밭 사진과 짧은 글을 놓았습니다. …
원페이지 · 감귤 농원 홈페이지 디자인 샘플 자세히 보기
원목 가구를 사려는 분이 홈페이지에서 먼저 확인하는 것은 실제 가구 사진, 나무 종류의 차이, 주문 제작 기간과 가격대, 그리고 쇼룸에 가서 직접 앉아 볼 수 있는지입니다. 오래 쓸 큰 가구라 사진만 보고 결정하기보다 한 번 와서 만져 보고 싶어 합니다. 이 샘플은 가상의 원목 가구 공방 「결담 가구」를 위해 만든 사진이 주인공인 깔끔한 원페이지입니다. 흰 바탕에 원목 갈색 하나만 쓰고, PC 에서는 왼쪽의 큰 사진이 고정된 채 오른쪽 단락을 내리면 제작 과정 사진이 부드럽게 바뀌는 분할 스크롤로 「한 그루가 식탁이 되기까지」를 보여 줍니다. …
원페이지 · 원목 가구 쇼룸 홈페이지 디자인 샘플 자세히 보기
저녁 약속 장소로 와인 비스트로를 찾는 사람이 홈페이지에서 먼저 확인하는 것은 세 가지입니다. 어떤 분위기에서 어떤 요리가 나오는지, 한 잔에 얼마이고 무엇과 어울리는지, 그리고 예약은 어떻게 하고 언제 문을 여는지. 분위기는 사진이 말해 주고, 나머지는 읽기 쉬운 메뉴판과 안내가 답해야 합니다. 이 샘플은 가상의 동네 와인 비스트로 「비스트로 서녘」의 원페이지입니다. 계절 잡지 지면처럼 큰 세리프 제목 옆에 크기가 다른 요리 사진을 어긋나게 겹쳐 놓고, 사진마다 짧은 캡션을 달았습니다. 사진은 화면에 들어오면 가운데 가는 틈에서 위아래로 천천히 열립니다. …
원페이지 · 와인 비스트로 홈페이지 디자인 샘플 자세히 보기
한옥 숙소를 고르는 손님은 홈페이지에서 글보다 먼저 사진을 봅니다. 방은 어떻게 생겼는지, 마당은 얼마나 넓은지, 아침은 어떻게 나오는지를 사진으로 확인한 다음에야 몇 명까지 묵을 수 있는지, 하룻밤 얼마인지, 원하는 날짜가 비어 있는지를 묻습니다. 그런데 많은 숙소 홈페이지가 작은 사진을 잔뜩 늘어놓거나 예약 플랫폼 링크 하나로 끝나, 이 집만의 분위기가 잘 전해지지 않습니다. 이 샘플은 사진이 주인공이고 디자인은 한 걸음 물러선 깔끔한 원페이지입니다. …
원페이지 · 한옥 스테이 홈페이지 디자인 샘플 자세히 보기
동네 옷가게 홈페이지에 들어온 손님이 먼저 보는 것은 "이번 계절에 뭐가 들어왔고, 어떻게 입으면 되지?"입니다. 그다음이 매장 분위기, 문 여는 시간, 그리고 가서 편하게 입어 볼 수 있는지입니다. 편집숍은 옷 자체가 설명이라, 글보다 사진을 크게, 많이, 정돈해서 보여 주는 화면이 가장 잘 팔아 줍니다. 이 샘플은 흰 바탕과 먹색 글자만 남기고 디자인을 한 발 물렸습니다. 색은 사진이 맡고, 강조색인 시침실 빨강은 진행 막대와 작은 점에만 씁니다. …
원페이지 · 의류 편집숍 홈페이지 디자인 샘플 자세히 보기
세차장을 고르는 사람이 홈페이지에서 먼저 확인하는 것은 단순합니다. 내 차는 얼마이고 몇 시간 걸리는지, 언제 가면 바로 할 수 있는지, 그리고 맡긴 차를 어떻게 닦는지. 요금표 사진 한 장과 전화번호만 있는 페이지로는 이 질문에 답하기 어렵습니다. 이 샘플은 가상의 동네 손세차장 「여섯칸 손세차」의 원페이지입니다. 페이지 전체를 위에서 아래로 지나가는 세차 터널로 짜서, 섹션마다 천장 갠트리와 「1구역 예비 세척」 같은 표지판이 걸리고, 구역에 들어서면 그 구역의 고압수·거품·미트·물 커튼·바람·반짝임이 한 번 지나갑니다. …
원페이지 · 손세차장 홈페이지 디자인 샘플 자세히 보기
명함이나 전단이 급하게 필요한 사람이 동네 인쇄소 홈페이지에서 먼저 찾는 것은 "얼마고, 언제 받을 수 있고, 파일은 어떻게 보내야 하나?"입니다. 그다음이 영업시간과 위치, 소량도 받아 주는지입니다. 그런데 도련·CMYK·해상도 같은 인쇄 용어를 모르는 손님이 많아, 파일을 받고 나서 다시 전화로 설명하는 일이 반복됩니다. 이 샘플은 홈페이지 전체를 인쇄 교정지(검판지)처럼 꾸몄습니다. 섹션마다 흰 종이 한 장이 회색 작업대 위에 놓이고, 종이 밖 여백에 재단 표시·정합 십자·색 막대·슬러그 줄이 붙으며, 그림은 재단선을 넘어 도련까지 나갑니다. …
원페이지 · 인쇄소 홈페이지 디자인 샘플 자세히 보기
출장 메이크업 아티스트의 홈페이지에 들어온 사람은 대개 날짜가 정해진 일정을 앞두고 있습니다. 그래서 먼저 이 사람이 어떤 느낌으로 해 주는지, 몇 분 걸리고 얼마인지, 우리 동네·예식장까지 와 주는지를 찾고, 마음이 정해지면 바로 날짜를 물어봅니다. 이 샘플은 가상의 1인 출장 메이크업 아티스트 「정하린」을 위해 만든 개인 프로필 원페이지로, 메이크업 아티스트가 실제로 쓰는 페이스 차트(얼굴 도안 종이)를 화면 구성으로 삼았습니다. …
결혼식이나 돌잔치, 회사 행사에 연주자를 찾는 사람이 바이올리니스트 홈페이지에서 먼저 확인하는 것은 우리 행사에 어떤 곡을, 어떤 순서로, 얼마에 연주해 주는지입니다. 레슨을 찾는 사람은 처음 시작해도 되는지, 수업이 어떻게 진행되는지를 봅니다. 한 사람이 운영하는 사이트라 회사 소개보다 그 사람의 말투와 경력, 의뢰 방법이 앞에 나와야 합니다. 이 샘플은 페이지 전체를 3단 접지 공연 리플릿으로 만들었습니다. …
원페이지 · 바이올리니스트 홈페이지 디자인 샘플 자세히 보기
캘리그라퍼에게 글씨를 맡기려는 사람이 홈페이지에서 가장 먼저 확인하는 것은 "이 사람 글씨 결이 내 취향인가, 그리고 얼마·며칠 걸리나"입니다. 가게 이름 로고든 청첩장 첫 줄이든 한 번 정하면 오래 쓰는 글씨라, 작업물을 충분히 보고 맡기는 방법까지 분명해야 연락할 마음이 생깁니다. 원데이 클래스를 찾는 사람이라면 언제, 몇 명이, 무엇을 만들어 가는지가 궁금합니다. 이 샘플은 캘리그라퍼·손글씨 작가 개인 홈페이지 제작을 준비하는 1인 작가를 위해 만든 족자 전시형 원페이지 디자인입니다. …
원페이지 · 캘리그라퍼 홈페이지 디자인 샘플 자세히 보기
PT를 알아보는 사람이 트레이너 개인 홈페이지에서 먼저 확인하는 것은 "이 사람은 어떻게 가르치지? 어디서 하고, 한 달에 얼마지?"입니다. 운동이 처음이거나 자세가 신경 쓰이는 사람일수록 무리한 강도나 과장된 약속보다, 첫 몇 주를 어떤 속도로 끌고 가는지를 궁금해합니다. 센터에 소속되지 않은 프리랜서 트레이너라면 제휴 센터 수업과 출장 수업 중 무엇이 가능한지도 꼭 알려야 합니다. 이 샘플은 한 사람의 홈페이지를 운동 세트처럼 구성했습니다. …
작가의 홈페이지에 들어오는 사람은 독자만이 아닙니다. 도서관 사서, 학교 선생님, 책방 운영자, 회사 교육 담당자가 어떤 책을 쓴 사람인지, 강연·북토크·글쓰기 수업 중 무엇을 맡길 수 있는지, 그리고 사례비와 연락 방법을 찾으러 옵니다. 섭외 메일에 무엇을 적어야 할지 몰라 망설이다 창을 닫는 경우도 많습니다. 이 샘플은 가상의 소설가 「문서하」를 위해 만든 원페이지로, 페이지 전체를 200자 원고지 한 묶음으로 꾸몄습니다. 섹션 하나가 원고지 한 장이고 아래에 장 번호 「- 3 -」가 찍힙니다. …
원페이지 · 소설가 홈페이지 디자인 샘플 자세히 보기
작은 가게 사장님이나 막 시작한 팀이 프리랜서 개발자의 홈페이지에서 먼저 확인하는 것은 이 사람이 우리 가게에 필요한 것을 만들 수 있는지, 그리고 몇 주쯤 걸리고 비용은 얼마쯤 드는지입니다. 혼자 일하는 개발자라면 연락이 끊기지 않을지, 다 만든 뒤 고칠 수 있는지도 함께 궁금해합니다. 이 샘플은 개발자가 작업 기록을 남기는 방식인 git 커밋 그래프로 한 사람의 프로필을 엮었습니다. 왼쪽에 본 줄기(main)와 기능 갈래(feature)가 나갔다 합쳐지는 선이 세로로 흐르고, 섹션 하나가 커밋 하나입니다. …
번역이나 통역을 맡기려는 사람이 통번역가 홈페이지에서 가장 먼저 확인하는 것은 세 가지입니다. 내 문서와 비슷한 분야를 해 봤는지, 얼마쯤 들고 언제 받을 수 있는지, 그리고 실제로 어떻게 옮기는 사람인지. 회사 소개처럼 경력만 늘어놓은 페이지로는 마지막 질문에 답하기 어렵습니다. 이 샘플은 가상의 영한 통번역가 「김하린」의 개인 사이트입니다. 페이지 전체를 왼쪽 한국어 · 오른쪽 영어의 대역본으로 짜서, 모든 문단이 짝을 이루고 가는 정렬선으로 이어집니다. 한쪽 문단에 마우스를 올리면 짝 문단이 함께 강조되고, 작업 예시에서는 단어 하나하나의 짝까지 보여 줍니다. …
원페이지 · 통번역가 홈페이지 디자인 샘플 자세히 보기
결혼식 사회자를 찾는 예비부부가 홈페이지에서 먼저 확인하는 것은 이 사람의 말투가 우리 예식에 맞는지, 그날 비어 있는지, 그리고 비용이 얼마인지입니다. 경력 소개만 길게 늘어놓은 페이지로는 "우리 예식에서는 어떻게 진행될까?"라는 질문에 답하기 어렵습니다. 이 샘플은 가상의 사회자 「오승민」의 1인 프로필 사이트입니다. 페이지 전체를 어두운 연회장 무대로 꾸미고, 섹션이 화면에 들어올 때마다 위에서 스포트라이트가 내려와 그 섹션을 비추도록 했습니다. …
원페이지 · 결혼식 사회자 홈페이지 디자인 샘플 자세히 보기
프리랜서 성우·내레이터의 홈페이지에 들어오는 사람은 대개 영상 PD, 기업 교육 담당자, 게임 개발자, 매장 안내 방송이 필요한 사장님입니다. 이들이 가장 먼저 확인하는 것은 "이 목소리가 우리 대본에 맞나, 이 대본을 읽으면 몇 분이 나오나, 얼마이고 언제 받을 수 있나"입니다. 회사 소개 말투보다 그 사람이 직접 말하는 목소리와 일하는 방식이 보여야 의뢰로 이어집니다. 이 샘플은 성우 개인 홈페이지 제작을 준비하는 프리랜서를 위해 만든 녹음 대본형 원페이지 디자인입니다. 흔한 히어로와 카드 그리드 대신 페이지 한 장이 녹음용 대본지입니다. …
원페이지 · 성우 개인 홈페이지 디자인 샘플 자세히 보기
프리랜서 일러스트레이터의 홈페이지에 들어온 편집자·브랜드 담당자는 먼저 그림체가 우리 책·브랜드에 맞는지, 어떤 그림을 맡길 수 있는지, 그리고 얼마나 걸리고 비용은 어느 정도인지를 봅니다. 처음 외주를 맡기는 사람이라면 수정은 몇 번 되는지, 그림을 어디까지 쓸 수 있는지도 궁금해합니다. 이 샘플은 가상의 일러스트레이터 「윤다온」의 개인 홈페이지로, 페이지 전체를 작은 개인전 전시장으로 꾸몄습니다. 섹션 하나가 전시실 하나이고, 방마다 금박·원목·알루미늄·캔버스·아크릴처럼 테 재질이 다른 액자 옆에 미술관 캡션 라벨(전시실 번호·제목·재료·연도)이 붙어 있습니다. …
원페이지 · 일러스트레이터 홈페이지 디자인 샘플 자세히 보기
어린이 미술학원 홈페이지에 들어온 부모님은 먼저 우리 아이 나이에 맞는 반이 있는지, 수업 시간과 교습비, 그리고 처음에 체험해 볼 수 있는지를 찾습니다. 아이가 그림을 잘 못 그려도 괜찮은지, 옷에 물감이 묻지는 않는지 같은 작은 걱정도 함께 들고 옵니다. 이 샘플은 가상의 「몽당 미술학원」을 위해 만든 원페이지로, 페이지 전체를 스프링 스케치북으로 꾸몄습니다. 섹션 하나가 스케치북 한 장이고, 장이 화면에 들어오면 앞 장이 위쪽 스프링을 축으로 넘어가며 새 장이 드러납니다. …
원페이지 · 어린이 미술학원 홈페이지 디자인 샘플 자세히 보기
컴퓨터가 갑자기 안 켜지면 사람들은 휴대폰으로 동네 수리점을 찾습니다. 그때 홈페이지에서 먼저 확인하는 것은 이 증상을 고쳐 주는지, 대략 얼마인지, 언제 되는지, 찾아와 주는지입니다. 새 컴퓨터를 맞추려는 분은 내 용도에 어느 정도 사양이 맞는지를 궁금해합니다. 이 샘플은 가상의 동네 컴퓨터 수리·조립점 「다시켜짐 컴퓨터」를 위해 만든 원페이지입니다. 페이지 전체를 옛 컴퓨터 바탕화면으로 꾸며 섹션마다 제목 표시줄이 달린 창이 열리고, 화면 아래 작업표시줄 단추가 메뉴가 됩니다. …
원페이지 · 컴퓨터 수리점 홈페이지 디자인 샘플 자세히 보기
피부관리실을 처음 찾는 손님이 홈페이지에서 먼저 확인하는 것은 어떤 관리를 어떤 순서로 받는지, 시간이 얼마나 걸리는지, 얼마인지, 그리고 몇 번쯤 다녀야 하는지와 회원권 조건입니다. 원장 혼자 운영하는 1인 관리실이라면 "누가 관리해 주는지", "피부 상태나 최근 받은 시술 때문에 받아도 되는지"도 예약 전에 꼭 묻습니다. 이 샘플은 가상의 1인 피부관리실 「온결 피부관리실」을 위해 만든 원페이지입니다. 섹션 하나하나를 화장품 용기에 붙은 라벨로 만들었습니다. …
원페이지 · 피부관리실 홈페이지 디자인 샘플 자세히 보기
동네 분식집 홈페이지에 들어온 손님이 가장 먼저 찾는 것은 "떡볶이·김밥이 얼마고, 전화하면 몇 분 뒤에 찾으러 가면 되고, 배달은 되는지"입니다. 하굣길이나 퇴근길에 휴대폰으로 잠깐 들어오는 경우가 많아서 메뉴판과 가격, 영업시간, 전화 번호가 바로 보여야 합니다. 여럿이 먹을 때는 몇 인분을 시켜야 모자라지 않을지도 궁금해합니다. 이 샘플은 분식집·떡볶이집 홈페이지 제작을 준비하는 가게를 위해 만든 벽 메뉴판·주문 번호 전광판형 원페이지 디자인입니다. …
원페이지 · 분식집 홈페이지 디자인 샘플 자세히 보기
골프를 시작하려는 사람이 동네 실내 골프 연습장 홈페이지에서 먼저 찾는 것은 "처음인데 레슨부터 끊어야 하나, 타석만 끊어도 되나? 한 달에 얼마지?"입니다. 그다음이 퇴근 뒤나 주말에 자리가 있는지, 클럽이 없어도 되는지, 주차가 되는지입니다. 1년 안팎의 초보와 라운드를 앞둔 사람은 "비거리"나 "스코어"처럼 목표부터 말합니다. 이 샘플은 홈페이지 전체를 골프 스코어카드처럼 구성했습니다. 맨 위에 붙어 다니는 스코어카드의 홀 1~9 칸이 그대로 섹션 메뉴이고, 각 섹션은 한 홀입니다. …
원페이지 · 실내 골프 연습장 홈페이지 디자인 샘플 자세히 보기
가죽 공방 홈페이지에 들어온 사람이 가장 먼저 찾는 것은 무엇을 만들 수 있는지, 몇 시간이 걸리고 얼마인지, 처음이어도 되는지입니다. 선물이나 데이트로 원데이 클래스를 고르는 사람은 완성품이 어떤 모양일지 미리 보고 싶어 하고, 주문 제작을 맡기려는 사람은 받는 날을 먼저 묻습니다. 이 샘플은 가상의 「두바늘 가죽공방」을 재단 패턴지처럼 구성했습니다. 페이지 바탕은 초록 커팅 매트이고, 섹션마다 모서리가 둥글거나 사선인 패턴 조각이 놓여 있으며 귀퉁이에 조각 기호·재단 수량·결 방향이 적혀 있습니다. …
원페이지 · 가죽 공방 홈페이지 디자인 샘플 자세히 보기
동네 수학 학원 홈페이지에 들어오는 분은 대개 초등 고학년이나 중학생 자녀를 둔 보호자입니다. 휴대폰으로 학원 이름을 검색해 들어와 가장 먼저 확인하는 것은 "우리 아이 학년 반이 있나, 한 반에 몇 명이고 무슨 요일·몇 시에 하나, 틀린 문제는 어떻게 봐 주나"입니다. 그리고 그다음 궁금한 것이 "우리 아이는 어느 반부터 시작하면 되나"입니다. 이 샘플은 수학 학원 홈페이지 제작을 준비하는 원장님을 위해 만든 시험지형 원페이지 디자인입니다. 흔한 히어로와 카드 그리드 대신 페이지 한 장이 수학 시험지처럼 생겼습니다. …
원페이지 · 수학 학원 홈페이지 디자인 샘플 자세히 보기
볼더링을 처음 해 보려는 사람이 동네 클라이밍짐 홈페이지에서 먼저 찾는 것은 "운동을 안 해 봤는데 가도 되나, 뭘 끊어야 하고, 뭘 입고 가며, 얼마야?"입니다. 그다음이 강습 시간표와 여는 시간, 아이와 같이 가도 되는지입니다. 경험이 있는 사람은 이번 주 새 루트와 회원권 요금을 봅니다. 이 샘플은 홈페이지 전체를 한 장의 벽 토포(등반 도면)로 만들었습니다. T너트 구멍이 박힌 합판 벽 위에 섹션이 루트 상자처럼 흩어져 있고, 상자마다 루트 번호·그레이드(V0~V5)·색 비닐 테이프가 붙어 있습니다. …
원페이지 · 클라이밍짐 홈페이지 디자인 샘플 자세히 보기
동네 떡집 홈페이지에 들어온 손님이 먼저 찾는 것은 오늘 무슨 떡이 나왔는지, 그리고 돌·백일·답례·이사·개업을 앞두고 떡을 얼마나, 언제까지 주문해야 하는지입니다. 명절이 가까우면 예약은 언제부터 받는지도 함께 물어봅니다. 이 샘플은 떡살 무늬를 찍은 둥근 절편을 메뉴로 만들었습니다. 둘레에 24절기와 명절이 새겨진 떡판이 화면 한쪽에 고정되어 있고, 스크롤하면 원판이 돌아 지금 보는 칸이 12시로 오고 가운데 접시의 떡 그림이 바뀝니다. …
원페이지 · 떡집 홈페이지 디자인 샘플 자세히 보기
요가를 처음 해 보려는 사람이 동네 요가원 홈페이지에서 먼저 찾는 것은 "나 같은 초보도 따라갈 수 있나, 어느 반으로 가면 되나, 언제 가면 되나?"입니다. 그다음이 수업료와 한 반 인원, 그리고 무엇을 챙겨 가야 하는지입니다. 몸이 뻣뻣하거나 허리가 신경 쓰이는 분은 "이런 몸으로 가도 되나" 하는 걱정 때문에 체험 신청을 미루기도 합니다. 이 샘플은 홈페이지 전체를 척추 한 줄로 구성했습니다. 화면 가운데 위아래로 이어진 세로선이 척추이고, 그 위의 마디 일곱 개(정수리 → 목 → 어깨 사이 → 등 → 허리 → 엉치 → 꼬리뼈)가 그대로 섹션 메뉴입니다. …
원페이지 · 요가원 홈페이지 디자인 샘플 자세히 보기
동네 반찬가게 홈페이지에 들어온 손님이 가장 먼저 찾는 것은 "오늘 무슨 반찬이 나왔고, 한 통에 얼마이고, 집까지 가져다주는지"입니다. 퇴근길이나 장보기 전에 휴대폰으로 잠깐 들어오는 경우가 많아서, 메뉴판과 가격, 영업시간, 전화 번호가 한눈에 보여야 합니다. 정기 배달을 생각하는 손님이라면 우리 식구에게 어떤 구성으로, 무슨 요일에, 며칠 두고 먹을 만큼 오는지도 궁금해합니다. 이 샘플은 반찬가게·반찬 정기 배달 홈페이지 제작을 준비하는 가게를 위해 만든 칸막이 반찬통형 원페이지 디자인입니다. …
원페이지 · 반찬가게 홈페이지 디자인 샘플 자세히 보기
법무사 사무소 홈페이지에 들어오는 분은 대개 날짜가 정해진 일을 앞두고 있습니다. 아파트 잔금일이 다가오거나, 가족이 돌아가셔서 집 명의를 옮겨야 하거나, 대출을 다 갚았는데 근저당이 그대로 남아 있거나, 법인 임원의 임기가 끝난 상황입니다. 이분들이 먼저 확인하고 싶은 것은 "내 경우엔 어떤 서류가 필요하고, 누가 무엇을 준비하며, 접수부터 완료까지 얼마나 걸리나"입니다. 이 샘플은 법무사 사무소 홈페이지 제작을 준비하는 법무사를 위해 만든 등기부 서류형 원페이지 디자인입니다. 흔한 히어로와 카드 그리드 대신 페이지 전체가 한 부의 등기사항증명서처럼 생겼습니다. …
원페이지 · 법무사 사무소 홈페이지 디자인 샘플 자세히 보기
자전거가 고장 난 사람이 동네 자전거 수리점 홈페이지에서 먼저 찾는 것은 "이게 어디 고장이고, 얼마 들고, 오늘 되나?"입니다. 그다음이 영업시간과 위치, 그리고 내 자전거(생활 자전거·로드·전기자전거)도 봐 주는지입니다. 그런데 방문자는 대개 부품 이름을 모르고 "끼익 소리가 나요", "체인이 빠져요"처럼 증상으로 설명합니다. 이 샘플은 홈페이지 전체를 자전거 부품 매뉴얼처럼 구성했습니다. 첫 화면은 자전거 분해도이고, 부품마다 붙은 번호 풍선 ①~⑦이 그대로 섹션 메뉴입니다. …
원페이지 · 자전거 수리점 홈페이지 디자인 샘플 자세히 보기
스시 오마카세를 찾는 손님이 홈페이지에서 먼저 확인하는 것은 코스 가격과 구성, 그리고 원하는 날 일행이 나란히 앉을 자리가 있는지입니다. 다찌 몇 석으로 운영하는 작은 가게일수록 자리가 곧 예약이고, 날것이나 알레르기 때문에 망설이는 손님에게는 못 먹는 재료를 미리 말할 수 있는지도 중요합니다. 이 샘플은 가상의 동네 스시집 「스시 결」을 위해 만들었습니다. 섹션마다 쪽빛 노렌(포렴)이 걸려 있고, 화면에 들어오면 바람에 갈라지듯 걷히며 그 섹션이 열립니다. …
원페이지 · 스시 오마카세 홈페이지 디자인 샘플 자세히 보기
강아지를 처음 맡기는 보호자가 호텔·미용 홈페이지에서 가장 먼저 찾는 것은 "맡겨 둔 동안 우리 아이가 어떻게 지내는지 볼 수 있는가", 그리고 어느 방에서 무엇을 하며 하루를 보내는지, 얼마인지, 무엇을 챙겨 가야 하는지입니다. 소형견 보호자일수록 큰 개와 함께 지내지 않는지, 겁 많은 아이도 괜찮은지를 꼼꼼히 확인합니다. 이 샘플은 가상의 소형견 데이케어·1박 호텔·목욕·미용 업체 「귤꼬리」를 위해 만든 원페이지입니다. 첫 화면을 보호자용 CCTV 6분할 화면으로 열고, 채널(CH1–CH6)을 누르면 그 화면이 크게 확대되며 놀이방·객실·미용실 섹션이 펼쳐집니다.…
원페이지 · 강아지 호텔·미용 홈페이지 디자인 샘플 자세히 보기
노인 주간보호센터 홈페이지를 찾는 사람은 대개 두 사람입니다. 부모님 이용을 알아보는 자녀(보호자)는 장기요양등급이 필요한지, 하루를 어떻게 보내시는지, 송영 차량이 집 앞까지 오는지, 비용은 어떻게 정해지는지를 먼저 확인합니다. 그리고 자녀가 휴대폰을 건네 보여 드리는 어르신은 "거기 가면 뭘 하나, 어떻게 가나"만 크게, 또렷하게 보고 싶어 하십니다. 작은 글씨의 표와 절차가 가득한 화면은 보호자에게는 맞아도 어르신께는 읽기 어렵습니다. 이 샘플은 노인 주간보호센터·데이케어센터 홈페이지 제작을 준비하는 기관을 위해 만든 두 사람의 화면 원페이지입니다. …
원페이지 · 노인 주간보호센터 홈페이지 디자인 샘플 자세히 보기
촬영 스튜디오 대관 홈페이지에 들어온 작가·브랜드 담당자·영상 제작자가 가장 먼저 확인하는 것은 "어떤 빛의 공간을, 몇 시간에 얼마에 빌릴 수 있나"입니다. 공간 사진과 시간당 요금만큼 중요한 것이 최소 이용 시간, 조명·배경지가 포함되는지, 짐을 몇 시부터 들일 수 있는지, 가져간 조명을 꽂아도 되는지 같은 현장 조건이고, 이런 내용이 흩어져 있으면 결국 전화로 하나씩 묻게 됩니다. 이 샘플은 촬영 스튜디오·렌탈 스튜디오 홈페이지 제작을 준비하는 시간 단위 대관 스튜디오를 위해 만든 원페이지 디자인입니다. …
동네 정육점 홈페이지에 들어온 손님이 가장 먼저 알고 싶은 것은 "오늘 저녁 요리에는 어느 부위를, 얼마나 사야 하지?"입니다. 부위 이름은 알아도 찌개에는 앞다리인지 목살인지, 네 식구 수육이면 몇 g인지, 불고기는 몇 mm로 썰어 달라고 해야 하는지까지는 막연합니다. 가격이 어느 정도인지, 원하는 두께로 썰어 주는지, 전화로 주문해 두고 찾으러 가도 되는지도 미리 확인하고 싶어 합니다. 이 샘플은 정육점·축산물 판매점 홈페이지 제작을 준비하는 사장님을 위해 만든 진열장 칸·가격표형 원페이지 디자인입니다. …
원페이지 · 정육점 홈페이지 디자인 샘플 자세히 보기
피아노 학원 홈페이지에 들어온 학부모가 가장 먼저 확인하는 것은 "우리 아이는 어디서부터 시작하고, 얼마나 걸리고, 언제 가면 되나"입니다. 다시 배우려는 성인도 "악보를 못 읽어도 되나, 저녁에 갈 수 있나"를 먼저 찾습니다. 그런데 많은 학원 홈페이지는 원장 인사말과 시설 사진 뒤에 이 답을 숨겨 두고, 결국 같은 질문이 전화로 반복됩니다. 이 샘플은 피아노 학원·피아노 교습소 홈페이지 제작을 준비하는 곳을 위해 만든 "건반과 악보" 구성의 원페이지입니다. …
원페이지 · 피아노 학원 홈페이지 디자인 샘플 자세히 보기
키즈카페 홈페이지에 들어온 보호자가 가장 먼저 확인하는 것은 "우리 아이 나이에 맞는 놀이가 있는지, 몇 명이 몇 시간 놀면 얼마인지"입니다. 놀이기구 사진과 요금표만 있으면 돌 전 아기가 놀 곳이 따로 있는지, 형제 둘에 보호자 둘이면 합계가 얼마인지 직접 계산해야 하고, 생일 파티를 할 수 있는지와 영업시간·주차도 따로 찾아야 합니다. 이 샘플은 키즈카페 홈페이지 제작을 준비하는 곳을 위해 만든 보드게임 판형 원페이지 디자인입니다. 페이지 전체가 주사위 보드게임 판처럼 생겨서, 섹션 하나가 판의 큰 칸이 되고 칸과 칸 사이를 작은 칸이 이어진 길이 잇습니다. …
원페이지 · 키즈카페 홈페이지 디자인 샘플 자세히 보기
동네 세탁소를 찾는 분들은 대개 손에 옷 한 벌을 들고 있습니다. 그래서 홈페이지에서 가장 먼저 확인하는 것은 이 옷을 맡길 수 있는지, 얼룩이 빠질지, 얼마에 며칠이 걸리는지, 그리고 몇 시까지 문을 열고 집 앞까지 가지러 와 주는지입니다. 이 샘플은 가상의 동네 세탁소 「다림골 세탁소」를 위해 만들었습니다. 세탁소 천장 컨베이어처럼 섹션들이 비닐 커버를 씌운 옷걸이가 되어 레일에 가로로 걸리고, 화면 아래 접수대의 번호표와 화살표로 레일을 돌려 원하는 옷걸이를 찾습니다. …
원페이지 · 세탁소 홈페이지 디자인 샘플 자세히 보기
어린이 태권도장 홈페이지에 들어온 부모님이 가장 먼저 확인하는 것은 "우리 아이는 몇 시 반에 들어가고, 차는 몇 시에 오고, 띠는 언제쯤 올라가나"입니다. 반 이름과 관원 모집 문구만 있는 홈페이지로는 아이 나이에 맞는 수업 시간과 집 앞 정류장 시각을 알 수 없어서, 결국 전화로 하나하나 물어보게 됩니다. 처음 보내는 부모님은 수업이 어떻게 진행되는지, 겨루기를 하다 다치지 않는지, 수련비는 얼마인지도 미리 알고 싶어 합니다. 이 샘플은 태권도장·어린이 체육관 홈페이지 제작을 준비하는 곳을 위해 만든 띠 진급 구성의 원페이지 디자인입니다. …
원페이지 · 태권도장 홈페이지 디자인 샘플 자세히 보기
공인노무사 사무소 홈페이지에 들어오는 분은 대개 급한 일을 안고 옵니다. 월급이 밀렸거나, 그만뒀는데 퇴직금이 안 들어왔거나, 갑자기 내일부터 나오지 말라는 말을 들은 상황입니다. 이분들이 먼저 확인하고 싶은 것은 "내 경우도 도움을 받을 수 있나, 얼마나 받을 수 있나, 뭘 준비해야 하나, 비용은 얼마나 드나"입니다. 직원을 몇 명 둔 사업주라면 근로계약서와 4대보험처럼 챙길 것을 알고 싶어 합니다. 이 샘플은 노무사 사무소 홈페이지 제작을 준비하는 공인노무사를 위해 만든 상담 대화형 원페이지 디자인입니다. …
원페이지 · 노무사 사무소 홈페이지 디자인 샘플 자세히 보기
동네 책방 홈페이지에 들어온 방문자가 가장 먼저 찾는 것은 "오늘 문을 여는지, 어떤 책을 두는 곳인지, 북토크나 모임은 언제 하는지"입니다. 독립서점은 대형 서점처럼 모든 책을 갖추는 곳이 아니라 고른 사람의 취향이 보이는 곳이라, 홈페이지에서도 그 결이 느껴져야 발걸음을 하게 됩니다. 무슨 책을 읽을지 정하지 못한 사람에게는 "나한테 맞는 책 한 권"을 건네는 일도 책방의 몫입니다. 이 샘플은 독립서점·동네 책방 홈페이지 제작을 준비하는 책방을 위해 만든 책장 메뉴·책갈피 추천형 원페이지 디자인입니다. …
원페이지 · 독립서점 홈페이지 디자인 샘플 자세히 보기
속눈썹 연장이나 펌을 처음 알아보는 사람은 숍 홈페이지에서 가격보다 먼저 "내 눈에는 몇 mm, 어떤 컬이 어울릴까"를 궁금해합니다. 쌍꺼풀이 없거나 눈꼬리가 처진 편이면 남의 시술 사진만 봐서는 내 눈에 어떻게 될지 짐작하기 어렵고, 시술 시간은 얼마나 걸리는지, 혼자 운영하는 숍이면 언제 연락이 닿는지도 함께 확인하고 싶어 합니다. 이 샘플은 속눈썹 연장·펌 숍 홈페이지 제작을 준비하는 1인 래쉬 숍을 위해 만든 원페이지 디자인입니다. 데스크톱에서는 화면 가운데에 반달 램프 아래 놓인 눈 그림 하나가 무대처럼 고정되고, 섹션 글이 그 양옆으로 지나갑니다. …
원페이지 · 속눈썹 연장·펌 홈페이지 디자인 샘플 자세히 보기
집이나 가게 건물을 지으려는 건축주가 건축사사무소 홈페이지에서 가장 먼저 확인하는 것은 "내 규모의 일을 해 본 곳인가, 내 땅에 얼마나 지을 수 있나, 설계비와 기간은 어떻게 되나"입니다. 큰 사진 슬라이드는 분위기는 전하지만, 어떤 용도의 건물을 어느 지역에서 몇 년에 했는지는 한눈에 보여 주지 못합니다. 땅을 사기 전이라면 그 땅의 규모 감각부터 궁금해합니다. 이 샘플은 소규모 건축사사무소 홈페이지 제작을 준비하는 단독주택·근린생활시설 설계 사무소를 위해 만든 프로젝트 인덱스·대지 검토형 원페이지 디자인입니다. …
원페이지 · 건축사사무소 홈페이지 디자인 샘플 자세히 보기
안경원 홈페이지에 들어온 손님이 가장 먼저 궁금해하는 것은 "어떤 테가 있고, 내 얼굴에 맞을까, 렌즈까지 하면 얼마일까"입니다. 테를 고르는 일은 직접 써 봐야 끝나지만, 가게에 어떤 모양과 소재가 있는지 미리 보고 가면 매장에서 고르는 시간이 훨씬 짧아집니다. 처음 오는 손님이라면 시력 검사가 얼마나 걸리는지, 안경원 검사로 충분한지 안과에 먼저 가야 하는지도 알고 싶어 합니다. 이 샘플은 안경원 홈페이지 제작을 준비하는 동네 안경원을 위해 만든 프레임 카탈로그·얼굴형 거울형 원페이지 디자인입니다. …
원페이지 · 안경원 홈페이지 디자인 샘플 자세히 보기
수영 교실 홈페이지에 들어온 부모님과 성인 수강생이 가장 먼저 찾는 것은 "우리 아이(나)는 어느 반에 들어가야 하고, 그 반은 언제 하나"입니다. 반 이름만 나열된 안내표로는 물을 무서워하는 아이가 어디서 시작해야 하는지, 자유형 25m를 가는 성인이 어느 반인지 알기 어렵고, 결국 전화로 하나하나 물어보게 됩니다. 수강료와 등록 방법, 보호자가 수업을 볼 수 있는지도 미리 알고 싶어 합니다. 이 샘플은 수영 강습·수영 교실 홈페이지 제작을 준비하는 곳을 위해 만든 레인 구성형 원페이지 디자인입니다. …
원페이지 · 수영 강습 홈페이지 디자인 샘플 자세히 보기
도자기 공방 홈페이지에 들어온 사람이 먼저 확인하는 것은 "무엇을 만들 수 있고, 얼마이고, 언제 갈 수 있나"입니다. 그리고 처음 오는 분일수록 꼭 묻는 질문이 하나 더 있습니다. "오늘 만든 그릇은 언제 받아요?" 도자기는 마르고 두 번 구워져야 해서 수업 당일 가져갈 수 없는데, 이걸 모르고 왔다가 실망하거나 같은 질문이 카톡으로 계속 들어오는 일이 많습니다. 이 샘플은 도자기 공방·도예 클래스 홈페이지 제작을 준비하는 공방을 위해 만든 잡지 지면형 원페이지 디자인입니다. …
원페이지 · 도자기 공방 홈페이지 디자인 샘플 자세히 보기
예식장 홈페이지에 들어온 예비 부부가 가장 먼저 찾는 것은 "우리 하객 수와 예식 방식에 맞는 홀이 있나"입니다. 홀 사진만 여러 장 보여 주면 정작 150명인지 400명인지, 분리 예식인지 동시 예식인지에 따라 어느 홀이 맞는지 알 수 없어 결국 전화로 다시 물어보게 됩니다. 그다음으로 식사 방식, 예식 당일 흐름, 주차와 오시는 길을 확인합니다. 이 샘플은 웨딩홀·예식장 홈페이지 제작을 준비하는 예식장을 위해 만든 청첩장형 원페이지 디자인입니다. 화면 가운데 청첩장 한 장이 봉투에서 올라와 아래로 펼쳐지고, 섹션 사이는 종이 접힘선과 절취선으로 이어집니다. …
원페이지 · 웨딩홀 홈페이지 디자인 샘플 자세히 보기
이사를 앞두고 동네 공인중개사사무소 홈페이지에 들어온 사람은 매물보다 먼저 "이 동네 어디쯤 살아야 우리 생활에 맞을까"를 궁금해합니다. 아이가 큰길을 건너지 않고 학교에 갈 수 있는지, 역까지 얼마나 걸리는지, 밤에 골목이 조용한지는 매물 사진만 봐서는 알기 어렵습니다. 그래서 동네를 잘 아는 중개사무소일수록 그 지식을 홈페이지에서 먼저 보여 주는 것이 상담으로 이어지는 지름길입니다. 이 샘플은 공인중개사사무소·부동산 중개 홈페이지 제작을 준비하는 동네 중개사무소를 위해 만든 동네 지도 고정형 원페이지 디자인입니다. …
원페이지 · 공인중개사사무소 홈페이지 디자인 샘플 자세히 보기
한정식 음식점을 찾는 분들은 대개 부모님 생신, 가족 모임, 상견례처럼 자리가 중요한 식사를 준비하고 있습니다. 그래서 홈페이지에서 가장 먼저 확인하는 것은 코스가 어떤 순서로 무엇이 나오는지, 1인 가격이 얼마인지, 우리 인원이 앉을 독립된 방이 있는지, 그리고 어떻게 예약하는지입니다. 이 샘플은 가상의 한정식 음식점 「한정식 소반뜰」을 위해 만들었습니다. …
원페이지 · 한정식 음식점 홈페이지 디자인 샘플 자세히 보기
스터디카페 홈페이지에 들어온 방문자가 가장 먼저 알고 싶은 것은 "어떤 자리가 있고, 얼마에, 얼마나 조용한가"입니다. 칸막이 자리가 있는지, 노트북을 쳐도 되는 자리가 따로 있는지, 콘센트와 스탠드는 자리마다 있는지에 따라 매장을 고르고, 시간권과 기간권 중 무엇을 끊어야 덜 드는지도 따져 봅니다. 무인 매장이라 처음 오는 날 어떻게 들어가고 자리를 잡는지 미리 알고 싶어 하는 분도 많습니다. 이 샘플은 무인 스터디카페·독서실 홈페이지 제작을 준비하는 매장을 위해 만든 좌석 배치도·대시보드형 원페이지 디자인입니다. …
원페이지 · 스터디카페 홈페이지 디자인 샘플 자세히 보기
동네 정비소 홈페이지에 들어오는 사람은 대개 급한 질문 하나를 들고 옵니다. "계기판에 불이 들어왔는데, 지금 세워야 하나?" 그다음에 보는 것이 무슨 정비를 하는지, 시간이 얼마나 걸리는지, 지금 문을 열었는지, 어디로 전화하면 되는지입니다. 이 샘플은 정비소 카운터에서 쓰는 정비 작업지시서를 그대로 화면으로 옮겼습니다. 인쇄된 서식 칸 위에 볼펜 글씨로 내용이 적히고 빨간 도장이 찍히는 종이가 섹션마다 한 장씩 이어지고, 화면 왼쪽에는 로고·메뉴·전화번호·영업시간이 담긴 작업복 청색 사이드바가 고정되어 어디까지 내려가도 전화 예약 버튼이 보입니다. …
원페이지 · 자동차 정비소 홈페이지 디자인 샘플 자세히 보기
포장이사 업체 홈페이지에 들어온 고객이 가장 먼저 궁금해하는 것은 "이삿날 몇 시에 와서 무엇을 해 주는지, 우리 집 짐이면 차와 사람이 얼마나 필요한지"입니다. 견적 금액만 크게 적어 둔 사이트는 많지만, 막상 이사를 앞둔 사람은 그릇은 누가 싸는지, 새집에서 정리까지 해 주는지, 파손이 생기면 어떻게 되는지를 알고 싶어 합니다. 그리고 그 답을 확인한 다음에야 견적을 신청합니다. 이 샘플은 포장이사·이삿짐센터 홈페이지 제작을 준비하는 업체를 위해 만든 하루 타임라인형 원페이지 디자인입니다. …
원페이지 · 포장이사 홈페이지 디자인 샘플 자세히 보기
반려견 박람회 홈페이지에 들어온 보호자가 가장 먼저 찾는 것은 "언제, 어디서, 얼마에 — 그리고 우리 아이를 데려가도 되나"입니다. 일정과 입장료만큼 중요한 것이 동반 입장 조건이고, 막상 가서는 넓은 전시장에서 어디부터 돌아야 할지 몰라 체험 시간을 놓치기 쉽습니다. 대형견이나 나이 든 아이와 함께 오는 보호자라면 쉴 곳과 맞는 프로그램이 있는지도 미리 알고 싶어 합니다. 이 샘플은 애견박람회·펫페어 홈페이지 제작을 준비하는 행사 주최사와 사무국을 위해 만든 맞춤 동선 지도·사전등록형 원페이지 디자인입니다. …
원페이지 · 애견박람회 홈페이지 디자인 샘플 자세히 보기
네일숍을 찾는 사람이 홈페이지에서 가장 먼저 궁금해하는 것은 "이 색, 내 손에서는 어떻게 보일까"입니다. 사진 속 다른 사람 손에서 예뻤던 색이 내 피부톤과 손톱 길이에서는 다르게 보이기 때문에, 디자인을 고르는 단계에서 망설이다가 예약을 미루는 경우가 많습니다. 여기에 가격과 시간이 얼마나 드는지, 언제 예약할 수 있는지가 한눈에 보여야 문의로 이어집니다. 이 샘플은 네일숍 홈페이지 제작을 준비하는 1인 네일숍·네일 스튜디오를 위해 만든 손끝 컬러 피팅·네일팁 보드형 원페이지 디자인입니다. …
원페이지 · 네일숍 홈페이지 디자인 샘플 자세히 보기
헬스장을 찾는 사람이 먼저 확인하는 것은 "나 같은 단계는 무엇을 해야 하지"입니다. 운동이 처음인지 여러 해 경험이 있는지에 따라 해야 할 운동이 달라지기 때문에, 레벨별 프로그램이 어떻게 나뉘는지, 원하는 시간대에 뭐가 열리는지, 회원 요금 구조가 어떻게 되는지를 한눈에 보게 해 주는 홈페이지여야 방문과 문의로 이어집니다. 이 샘플은 헬스장 홈페이지 제작을 준비하는 체육관을 위해 만든 레벨 프로그램·주간 시간표형 원페이지 디자인입니다. …
원페이지 · 헬스장 홈페이지 디자인 샘플 자세히 보기
법률 문제를 겪는 사람은 자기 일이 "민사인지 형사인지, 변호사가 필요한 일인지, 상담 전에 무엇을 챙겨야 하는지"부터 막막합니다. 법률 용어 대신 겪고 있는 상황에서 출발해 길을 알려 주는 사무소가 상담 예약을 받습니다. 이 샘플은 변호사·법률사무소 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 깊은 옥스블러드와 본(bone) 색, 큰 명조 제목과 로마 숫자로 잡지 같은 품격을 살렸고, 첫 화면에서는 저울이 흔들리다 수평을 찾습니다. …
원페이지 · 법률사무소 홈페이지 디자인 샘플 자세히 보기
세무사를 찾는 사장님이 홈페이지에서 알고 싶은 것은 "내 사업 규모와 형태에 무엇이 필요한지, 맡기면 내가 할 일은 무엇인지, 연락은 쉬운지"입니다. 세법 설명보다 내 상황에 맞는 할 일을 바로 보여 주는 사무소가 상담 문의를 받습니다. 이 샘플은 세무회계 사무소 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 차콜과 시그널 오렌지의 또렷한 핀테크 톤으로 젊은 사장님에게 다가가고, 첫 화면에서는 프린터에서 "이번 달 할 일" 영수증이 한 줄씩 출력됩니다. …
원페이지 · 세무회계 사무소 홈페이지 디자인 샘플 자세히 보기
리모델링을 알아보는 사람이 시공 업체 홈페이지에서 확인하고 싶은 것은 "공사가 어떤 순서로, 얼마 동안 진행되고, 우리 집은 어디까지 바꿀 수 있는가"입니다. 예쁜 완공 사진만으로는 부족하고, 공정과 범위를 투명하게 보여 주는 업체가 실측 신청을 받습니다. 이 샘플은 인테리어 시공·리모델링 업체 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 콘크리트 회색과 공사 현장의 안전 노랑, 굵은 테두리와 도면 치수선으로 현장감을 살렸고, 첫 화면에서는 빈 방이 철거 → 설비 → 목공 → 도장·바닥 → 가구 순서로 지어집니다. …
원페이지 · 인테리어 시공 홈페이지 디자인 샘플 자세히 보기
한의원을 처음 찾는 사람은 "어떤 증상을 보는 곳인지, 첫날 무엇을 하는지, 한약을 꼭 먹어야 하는지"가 궁금합니다. 침·뜸·한약에 대한 막연한 거리감을 풀어 주고, 약재를 어떻게 다루는지 보여 주는 한의원이 믿고 예약하게 만듭니다. 이 샘플은 한의원 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 한지 결이 느껴지는 바탕에 먹색과 주색(朱色)만 써서 전통의 결과 단정함을 살렸고, 첫 화면에서는 세로로 쓰인 제목 옆에 붓으로 원이 그려진 뒤 약재가 떠오르고 낙관이 찍힙니다. …
원페이지 · 한의원 홈페이지 디자인 샘플 자세히 보기
허리나 무릎이 아픈 사람이 정형외과 홈페이지에서 먼저 찾는 것은 "내 증상을 여기서 보는가, 어떤 검사와 치료를 받게 되는가, 오늘 진료하는가"입니다. 아픈 부위에서 출발해 진료 과정과 진료 시간까지 바로 이어지는 의원이 내원으로 연결됩니다. 이 샘플은 정형외과·재활의학과 의원 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 그래파이트와 라임의 스포티한 색 조합으로 "다시 움직인다"는 인상을 주고, 첫 화면에서는 의자에 앉은 사람의 종아리가 들리며 가동 범위 각도가 올라갑니다. …
연구실 홈페이지를 찾는 사람은 대학원 진학을 고민하는 학생, 공동 연구를 찾는 연구자, 연구 과제를 검토하는 기관입니다. 이들이 확인하고 싶은 것은 "이 연구실은 무엇을 연구하고, 어떤 성과가 있으며, 누가 함께하는가"입니다. 연구 주제와 논문, 구성원이 잘 정리된 연구실이 좋은 학생과 협업 제안을 만납니다. 이 샘플은 대학 연구실 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 어두운 첫 화면에서는 점과 선이 이어지는 네트워크 그래프가 떠다니며 마우스에 반응하고, 아래로는 연구 주제 → 논문 → 구성원 → 소식 → 대학원생 모집으로 이어집니다. …
원페이지 · 대학 연구실 홈페이지 디자인 샘플 자세히 보기
꽃을 사려는 사람은 대개 누군가에게 마음을 전하려는 순간에 꽃집을 찾습니다. 그래서 꽃집 홈페이지는 "이 꽃집이라면 내 마음을 예쁘게 담아 주겠다"는 느낌을 먼저 줘야 하고, 주문 방법과 크기·가격, 클래스 일정은 쉽게 찾을 수 있어야 합니다. 이 샘플은 꽃집·플라워 숍 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 파스텔 핑크와 올리브, 우아한 명조와 영문 서체로 섬세한 아틀리에 분위기를 냈습니다. 첫 화면에서는 줄기가 자라고 잎이 돋은 뒤 꽃잎이 한 장씩 피어나고, 화면 가득 꽃잎이 흩날립니다. …
원페이지 · 플라워 숍 홈페이지 디자인 샘플 자세히 보기
입주·이사청소 업체를 찾는 손님은 여러 업체를 비교하며 "얼마나 드는지, 추가 요금은 없는지, 어디까지 청소해 주는지"를 가장 먼저 확인합니다. 견적이 바로 보이고 청소 범위가 분명한 업체가 문의를 받습니다. 이 샘플은 청소업체 랜딩페이지 제작을 위해 만든 디자인입니다. 랜딩페이지는 광고를 보고 들어온 방문자를 견적 문의로 바꾸는 데 집중한 한 장짜리 페이지입니다. 첫 화면에서는 스퀴지가 얼룩을 닦아 내 방이 깨끗해지는 모습을 보여 주고, 평수와 옵션을 고르면 예상 견적이 바로 계산됩니다. 화면 아래에는 견적 버튼이 늘 따라다닙니다.
원페이지 · 입주청소 랜딩페이지 디자인 샘플 자세히 보기
반려동물이 아플 때 보호자는 걱정스러운 마음으로 동물병원 홈페이지를 엽니다. 그때 찾는 것은 "지금 진료하는지, 어떤 진료를 하는지, 무엇을 챙겨 가야 하는지"입니다. 친근하면서도 필요한 정보가 빠르게 보이는 병원이 보호자의 신뢰를 얻습니다. 이 샘플은 동물병원 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 민트와 오렌지로 밝고 친근한 분위기를 내고, 첫 화면의 강아지·고양이 전환 스위치로 그림과 문구, 안내 상자가 함께 바뀝니다. 스크롤을 내리면 페이지 양옆에 발자국이 하나씩 찍히고, 맨 위에는 응급 연락 안내가 늘 보입니다.
원페이지 · 동물병원 홈페이지 디자인 샘플 자세히 보기
사진관을 고르는 손님은 결국 "여기서 찍은 사진이 마음에 들까"를 봅니다. 그래서 사진관 홈페이지는 작품이 주인공이어야 하고, 촬영 종류와 진행 과정, 가격과 예약 방법은 그 사이에서 쉽게 찾을 수 있어야 합니다. 이 샘플은 사진관·사진 스튜디오 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 필름·폴라로이드·밀착 인화지 같은 아날로그 사진의 소품으로 화면을 꾸몄습니다. 첫 화면의 폴라로이드는 흩어져 내려앉고 손으로 끌어 옮길 수 있습니다. 촬영 종류 → 갤러리 → 촬영 과정 → 가격 → 예약 순서로 사진을 보며 자연스럽게 예약까지 이어지도록 짰습니다.
원페이지 · 사진관 홈페이지 디자인 샘플 자세히 보기
글램핑장과 펜션을 고르는 손님은 "여기서 보내는 하룻밤이 어떤 느낌일까"를 상상하며 홈페이지를 봅니다. 객실과 부대시설, 예약 가능한 날짜, 찾아가는 길까지 한눈에 보이고, 무엇보다 그곳의 분위기가 느껴지는 숙소가 예약으로 이어집니다. 이 샘플은 글램핑·펜션·캠핑장 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 다섯 겹의 산이 스크롤 속도를 달리해 움직이는 패럴랙스 첫 화면에, 방문 시각에 따라 낮과 밤 장면이 바뀌고 스위치로 직접 전환할 수 있습니다. 밤이 되면 달과 별이 뜨고 반딧불이 날아다닙니다. …
원페이지 · 글램핑·펜션 홈페이지 디자인 샘플 자세히 보기
변호사를 찾는 사람은 대개 급하고 불안한 상태로 검색합니다. 그때 홈페이지에서 확인하고 싶은 것은 "내 사건을 다루는 곳인가, 어떻게 진행되고 비용은 얼마나 드는가"입니다. 업무 분야와 진행 절차, 상담 방법을 분명하게 보여 주는 사무소가 상담 신청을 받습니다. 이 샘플은 변호사·법률사무소 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 네이비와 화이트, 엄격한 그리드와 가는 선으로 단단하고 믿음직한 인상을 주고, 첫 화면은 네이비 커튼이 양쪽으로 갈라지며 열립니다. …
원페이지 · 변호사 사무소 홈페이지 디자인 샘플 자세히 보기
미용실을 고르는 손님은 홈페이지와 SNS에서 "이 살롱의 스타일이 내 취향인가"를 가장 먼저 봅니다. 그다음이 가격과 디자이너, 예약 방법입니다. 감각적인 첫인상으로 취향을 맞추고, 필요한 정보는 깔끔하게 정리한 살롱이 예약으로 이어집니다. 이 샘플은 헤어살롱·미용실 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 흑백과 샴페인 골드, 큰 세리프 영문으로 패션 잡지 같은 하이엔드 분위기를 내고, 첫 화면에서는 머릿결처럼 흐르는 선들이 마우스를 따라 살랑입니다. 룩북 → 비포·애프터 → 가격 → 디자이너 → 예약 순서로 취향 확인부터 예약까지 이어지도록 짰습니다.
원페이지 · 헤어살롱 홈페이지 디자인 샘플 자세히 보기
동네 빵집을 찾는 손님이 가장 궁금한 건 "지금 가면 갓 나온 빵이 있을까"입니다. 메뉴와 가격, 케이크 예약 방법, 영업시간도 중요하지만, 빵이 언제 나오는지 알려 주는 빵집은 손님이 시간을 맞춰 찾아오게 만듭니다. 이 샘플은 베이커리·카페 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 크라프트지 질감과 손글씨 메뉴판 느낌으로 따뜻한 동네 빵집 분위기를 내고, 방문한 시각에 맞춰 방금 나온 빵과 다음 빵까지 남은 시간을 보여 주는 "갓 구운 빵 시간표"를 중심에 두었습니다. 빵 봉투 같은 크라프트지 바탕에 손글씨 소제목, 진한 코코아색과 버터 노랑을 썼습니다. …
원페이지 · 베이커리 카페 홈페이지 디자인 샘플 자세히 보기
필라테스 스튜디오를 찾는 사람은 홈페이지에서 "이곳은 어떤 분위기일까, 나도 따라갈 수 있을까"를 먼저 확인합니다. 화려한 동작 사진보다 차분한 공간감, 수업 종류와 시간표, 강사와 이용권 정보가 한눈에 보이는 스튜디오가 체험 수업 예약을 받습니다. 이 샘플은 필라테스·요가 스튜디오 홈페이지 제작을 위해 만든 원페이지 디자인입니다. 세이지·샌드 톤과 넓은 여백, 영문 이탤릭으로 조용하고 정돈된 스튜디오의 공기를 담았고, PC에서는 스크롤할 때마다 한 화면씩 맞춰 넘어가는 스냅 스크롤로 잡지를 넘기듯 읽히도록 짰습니다. …
원페이지 · 필라테스 홈페이지 디자인 샘플 자세히 보기
세무사를 찾는 대표님은 보통 급한 일이 생겼을 때 검색합니다. 신고 기한이 다가오거나, 세무 조사 통지를 받았거나, 법인 전환을 고민할 때입니다. 그때 홈페이지에서 확인하고 싶은 것은 "내 상황을 다뤄 본 곳인가, 믿고 맡길 수 있는가"입니다. 이 샘플은 세무사·세무회계 사무소 홈페이지 제작을 위해 만든 원페이지 디자인입니다. …
원페이지 · 세무사 홈페이지 디자인 샘플 자세히 보기
학원을 알아보는 학부모님은 여러 학원 홈페이지를 나란히 열어 놓고 비교합니다. 그때 남는 것은 "이 학원은 무엇이 다른가"와 "우리 아이는 어느 반에서 시작하나"입니다. 수업 방식이 분명하고, 레벨별 과정과 시작 방법이 한눈에 보이는 학원이 레벨 테스트 예약을 받습니다. 이 샘플은 영어학원 홈페이지 제작을 준비하는 학원을 위해 만든 원페이지 디자인입니다. …
원페이지 · 영어학원 홈페이지 디자인 샘플 자세히 보기
어린이집을 고르는 부모님이 홈페이지에서 가장 먼저 찾는 것은 "우리 아이가 여기서 하루를 어떻게 보낼까"입니다. 반은 어떻게 나뉘는지, 하루 일과는 어떤지, 안전과 식사는 어떻게 챙기는지, 입소는 어떻게 하는지. 이 질문들에 따뜻하고 알기 쉽게 답해 주는 홈페이지가 상담 전화로 이어집니다. 이 샘플은 어린이집 홈페이지 제작을 준비하는 기관을 위해 만든 원페이지(한 페이지 안에 모든 내용을 세로로 담는 구성) 디자인입니다. …
원페이지 · 어린이집 홈페이지 디자인 샘플 자세히 보기
요즘 환자들은 치과를 고를 때 블로그 후기와 함께 병원 홈페이지의 첫인상을 봅니다. 깔끔한 실내 사진, 이해하기 쉬운 진료 안내, 그리고 다른 치과와 구별되는 기억에 남는 한 가지가 있으면 같은 정보라도 훨씬 오래 머물게 됩니다. 이 샘플은 치과 홈페이지 제작을 고민하는 병원을 위해 만든 동적인 원페이지 디자인입니다. 실제 진료실 사진 위로 웃는 얼굴의 3D 치아 캐릭터가 떠 있고, 스크롤을 내리면 치아가 화면을 따라 둥실둥실 움직입니다. …
원페이지 · 치과 홈페이지 디자인 샘플 자세히 보기
중고차를 사려는 사람이 가장 걱정하는 것은 "이 차, 믿어도 될까"입니다. 그래서 중고차 매매상사 홈페이지는 멋진 차 사진만큼이나 성능점검 기록을 어떻게 보여 주는지, 지금 실제로 몇 대가 있는지, 전시장에 가면 어디서 차를 볼 수 있는지를 분명하게 알려 줘야 방문과 문의로 이어집니다. 이 샘플은 중고차 홈페이지 제작을 준비하는 매매상사를 위해 만든 매물 소개형 원페이지 디자인입니다. …
원페이지 · 중고차 홈페이지 디자인 샘플 자세히 보기
보험 상담을 알아보는 사람은 대부분 경계심을 품고 페이지에 들어옵니다. "가입을 권유받지 않을까" 하는 걱정이 앞서기 때문입니다. 그래서 보험 랜딩페이지는 상품을 늘어놓기보다 무엇을 어떻게 설명해 주는지, 결정은 내가 해도 되는지를 먼저 보여 줘야 상담 신청으로 이어집니다. 이 샘플은 보험 설계사·대리점 랜딩페이지 제작을 위해 만든 상담 신청형 디자인입니다. …
원페이지 · 생명보험 랜딩페이지 디자인 샘플 자세히 보기
치과를 처음 찾는 환자가 홈페이지에서 가장 먼저 확인하고 싶은 것은 화려한 수식어가 아니라 "이 병원은 설명을 잘해 줄까, 편하게 다닐 수 있을까"입니다. 그래서 치과 홈페이지는 진료 분야와 진료 과정, 병원 분위기, 방문 정보를 차분하고 알아보기 쉽게 보여 주는 것이 무엇보다 중요합니다. 이 샘플은 치과 홈페이지 제작을 준비하는 병원을 위해 만든 원페이지(한 페이지 안에 모든 내용을 세로로 담는 구성) 디자인입니다. …
원페이지 · 치과 홈페이지 디자인 샘플 자세히 보기
인테리어 업체를 찾는 고객은 전화를 걸기 전에 먼저 시공 사진을 봅니다. 어떤 공간을 어떤 분위기로 만들어 왔는지가 곧 업체의 실력이자 신뢰이기 때문입니다. 그래서 인테리어 홈페이지는 회사 소개보다 실적이 먼저 눈에 들어와야 하고, 마음에 드는 사례를 본 고객이 바로 상담으로 넘어갈 수 있어야 합니다. 이 샘플은 인테리어 홈페이지 제작을 고민하는 업체를 위해 만든 원페이지(한 페이지 안에 모든 내용을 세로로 담는 구성) 디자인입니다. …
원페이지 · 인테리어 홈페이지 디자인 샘플 자세히 보기
마음에 드는 샘플의 구성과 분위기를 바탕으로 업체에 맞게 다시 기획해 만들어 드립니다. 홈페이지 제작 문의하기 · 디코랩 홈페이지 제작 안내