텍스트 ←거리 기본 ↑거리 기본 배경 앞 이미지 X 0% Y 0% 가로 자동 세로 자동 좌우 위치 기본 상하 위치 기본 텍스트 폭 기본 영문 크기 68px 100% 딤 0% 📱 PC

재활의학과 · 하이브 빌더 제작

WINNERS 연세위너스재활의학과

시술 요약 연세위너스재활의학과 홈페이지는 하이브 빌더로 제작했습니다. 메인과 시술 페이지, 게시판을 빌더로 구성했고, 오픈 뒤에는 병원에서 직접 페이지를 추가하고 수정합니다.

연세위너스재활의학과 홈페이지 제작 사례입니다.

도입 문의

온라인상담 URL

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

재활의학과

하이브 빌더로 만든
재활의학과 홈페이지.

연세위너스재활의학과 홈페이지는 하이브 빌더로 제작했습니다. 메인과 시술 페이지, 게시판을 같은 도구로 구성했습니다.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

빌더로 구성한 것.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

메인.

범용 섹션으로 병원의 첫인상을 구성했습니다.

시술 페이지.

공통형 섹션으로 시술 안내 페이지를 만들었습니다.

게시판.

전후사진, 후기, 상담 게시판을 연결했습니다.

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

오픈 뒤 운영.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

직접 수정.

원고와 사진은 병원에서 바로 고칩니다.

페이지 추가.

새 시술이 생기면 페이지를 직접 추가합니다.

업데이트.

새 기능은 원격 업데이트로 받습니다.

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

다른 사례도 보세요.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

리프티크피부과.

피부과 · 하이브 빌더 제작

리숨성형외과.

성형외과 · 하이브 빌더 제작

다올림 성형외과.

성형외과 · 하이브 빌더 제작

연세우노 비뇨기과.

비뇨기과 · 하이브 빌더 제작

CTA 디자인 열기

전체 사례 보기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

실제 사이트에서 확인해 보세요.

yonseiwwpmr.com

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

CTA 디자인 열기

사이트 보러 가기

WINNERS 연세위너스재활의학과

하이브 빌더로 만든재활의학과 홈페이지.

빌더로 구성한 것.

메인.

시술 페이지.

게시판.

오픈 뒤 운영.

직접 수정.

페이지 추가.

업데이트.

다른 사례도 보세요.

리프티크피부과.

리숨성형외과.

다올림 성형외과.

연세우노 비뇨기과.

실제 사이트에서 확인해 보세요.

연세위너스재활의학과 관련 블로그

하이브 빌더로 만든
재활의학과 홈페이지.