건설 분야 전문 웹에이전시로서 제작한 홈페이지·지명원·회사소개서 실적입니다.
219건 전체 표시 중
영상 히어로·시공실적·품질보증·발주처 후기까지 멀티페이지로 완성한 프리미엄 데모.
건축·토목·조경 종합건설사 · 영상 히어로 단일 페이지 반응형 데모.
블랙+골드 명조 세리프. 프리미엄 고급 주거 컨셉의 시네마틱 다크 레이아웃.
크림+테라코타. 좌측 고정 사이드바 메뉴의 밝은 에디토리얼 레이아웃.
슬레이트+틸. 좌 고정패널 + 우 스크롤의 스플릿 스크린 레이아웃.
모노+레드 고대비. 햄버거→전체화면 오버레이 메뉴의 볼드 미니멀.
베이지+올리브. 수직 휠→수평 이동하는 가로 스크롤 레이아웃.
화이트+블루 앱 UI. 하단 고정 탭바 네비게이션의 라운드 카드 레이아웃.
스톤+잉크 갤러리 톤. 모든 요소를 중심축에 정렬한 대칭 미니멀 레이아웃.
B&W+옐로 에디토리얼. 좌측 sticky 목차 인덱스의 매거진 스프레드 레이아웃.
아이보리+코퍼. 스크롤마다 한 화면씩 스냅되는 풀페이지 + 우측 도트 네비 레이아웃.
바이올렛. 크기가 다른 모듈 타일로 정보를 한눈에 배치한 벤토 그리드 레이아웃.
네이비+골드. 떠 있는 캡슐 네비와 초대형 타이포, 사진 위 유리 카드·공정 스텝으로 구성한 프리미엄 레이아웃.
라이트그레이+블랙. 화면 폭을 채우는 초대형 국문 타이포와 가로로 잘려 이어지는 이미지 스트립의 극단적 여백 레이아웃.
아이보리+딥그린. 2012~2026 연혁을 좌우 번갈아 배치한 세로 타임라인이 페이지의 척추 역할을 하는 레이아웃.
딥네이비+시안. 배경에 도면 그리드를 깔고 치수선·축번호·스케일 표기를 모티프로 삼은 엔지니어링 레이아웃.
블랙+화이트. 시공실적 사진을 크기 다른 타일로 빈틈없이 채운 사진 우선 매스 그리드, 텍스트는 최소화.
다크그레이+앰버. 히어로 배경이 4장으로 자동 전환되고 하단 진행바 인디케이터가 함께 차오르는 풀블리드 레이아웃.
라이트그레이+딥틸. 사업분야와 공정을 접었다 펴는 아코디언으로 묶어 클릭 인터랙션 중심으로 정리한 레이아웃.
오프화이트+잉크+러스트. 좌측 목차가 고정된 채 현재 섹션을 하이라이트하고 우측 본문만 흐르는 명조 에디토리얼 레이아웃.
화이트+딥퍼플+라임. 회사소개와 사업 3축 카드가 스크롤에 따라 겹쳐 쌓이는 sticky 스택 레이아웃.
화이트+딥블루. 히어로 우측에 견적 문의 폼 카드를 붙이고 신뢰 뱃지·통계 띠로 이어지는 전환 최적화 레이아웃.
크림+버건디. 명조 헤드라인을 가운데 크게 놓고 풀폭 사진 띠와 넓은 자간·얇은 괘선으로 정리한 고급 주거 레이아웃.
블랙+화이트 두 색만. 아웃라인 대형 타이포와 얇은 구분선·흑백 사진으로 색 없이 대비만으로 구성한 미니멀 레이아웃.
베이지+테라코타. 둥근 모서리와 부드러운 그림자, 알약형 태그로 친근한 소규모 건설사 인상을 준 레이아웃.
네이비+화이트+실버그레이. 상단 고정 헤더와 페이지별 배너를 갖춘 6페이지 구성의 가장 무난하고 안전한 정통 기업 사이트.
차콜+라임. 캡슐 네비와 큰 여백, 페이지마다 리듬이 달라지는 비대칭 12칼럼 그리드로 구성한 6페이지 사이트.
블랙+골드+아이보리. 명조 헤드라인과 넓은 자간, 큰 사진을 앞세운 고급 주거 시행사 톤의 6페이지 사이트.
화이트+딥블루+라이트그레이. 흰 여백과 얇은 괘선, 정갈한 타이포로 정리한 관공서·공공공사 수주용 신뢰 톤의 6페이지 사이트.
화이트+블랙+레드. 굵고 큰 헤드라인이 화면을 지배하는 3px 테두리·강한 대비의 젊고 공격적인 시공사 톤 6페이지 사이트.
스카이블루+라임. 라운드 카드 랩과 떠 있는 진료 라벨로 구성한 치과 홈페이지.
아이보리+딥브라운. 나눔명조 중앙 정렬 헤드라인과 아치형 3분할 이미지, 괘선 인덱스 시술 리스트의 에디토리얼 성형외과 사이트.
화이트+로즈. 떠 있는 캡슐 네비와 플로팅 라벨 히어로, 벤토 그리드 진료과목으로 구성한 밝은 톤 피부과 사이트.
흙빛+크림. 좌측 고정 레일 네비와 낙관 도장 포인트, 마루부리 명조로 정리한 한약 조제 과정 중심 한의원 사이트.
소프트핑크+화이트. 블러 블롭 히어로와 큰 라운드 카드, 산과·부인과 교차 행 레이아웃의 여성의원 사이트.
네이비+화이트. 공고딕과 그리드 라인 풀블리드 히어로, 지표 스트립과 재활센터 번호 리스트로 구성한 정형외과 사이트.
딥블루+시안. 전면 다크 테마와 발광하는 홍채 그래픽, 검사 장비·수치 추적을 앞세운 안과 사이트.
세이지+크림. 큰 본문 글씨와 넉넉한 행간, 하루 일과 시간표와 입소 5단계 절차를 담은 노인요양시설 사이트.
머스타드+오프화이트. 잘난체와 두꺼운 테두리·하드 섀도, 스티커 라벨과 입원실 안내로 구성한 동물병원 사이트.
차콜+옐로. 소수정예 고등부 입시학원. 반편성 표와 커리큘럼, 입시 지도 과정을 강한 대비의 다크 톤으로 정리한 원페이지.
화이트+코발트. 초·중등 영어학원. 5단계 레벨 사다리와 프로그램·주간 리포트 흐름을 밝고 정돈된 톤으로 구성한 원페이지.
파스텔+화이트. 둥근 카드와 부드러운 색면. 하루일과 타임라인과 교육과정·시설을 공간 중심으로 안내하는 원페이지.
블랙+레드. 사선 포인트와 굵은 헤드라인. 띠 단계 스트립, 프로그램, 시간표를 강한 대비로 구성한 원페이지.
웜그레이+테라코타. 넓은 여백과 얇은 괘선의 에디토리얼 톤. 프로그램 리스트와 시설·수강 절차를 차분하게 정리한 원페이지.
블랙+라임. 인더스트리얼 그리드와 대형 숫자. 존별 시설, 프로그램, 이용 규칙을 직선적으로 배치한 원페이지.
딥네이비+골드. 얇은 금색 괘선과 정형 그리드. 업무분야·구성원·업무절차·상담 준비물을 격식 있게 안내하는 원페이지.
화이트+딥그린. 상단 유틸바와 지표 스트립, 업무분야 2열 괘선 리스트로 정리한 세무회계사무소 원페이지.
슬레이트+앰버. 다크 풀블리드 히어로와 큰 번호 업무분야 행, 자문서비스 3열 구성의 노무법인 사이트.
화이트+오렌지. 떠 있는 캡슐 네비와 벤토 그리드 히어로, 매물 유형 카드로 구성한 공인중개사사무소 사이트.
인더스트리얼그레이+옐로. 데이터시트·설비표·납품실적 타임라인을 앞세운 정밀가공 제조업 사이트.
딥블루+화이트. 히어로 하단 취급영역 바와 6단계 수출입 절차 체인으로 정리한 무역회사 사이트.
오프화이트+우드. 마루부리 명조와 큰 여백, 비대칭 시공사례 포토그리드의 에디토리얼 인테리어 사이트.
딥그린+라이트. 라운드 셸 레이아웃과 유지관리 연간 캘린더 그리드를 담은 조경업체 사이트.
차콜+앰버. 공고딕 각진 클립패스와 그리드 배경. 수배전반·자동제어 사업분야와 시공실적표, 4단계 안전관리 절차를 담은 전기설비 사이트.
화이트+딥블루. 라운드 필 내비와 그라데이션 히어로 카드. 5단계 운송망 라인과 보유차량표, 이용안내 스텝을 정리한 물류운송 사이트.
블랙+레드. VITRO CORE 대형 타이포와 사선 스큐 버튼. 정비항목 넘버 리스트와 장비 소개, 점검 후 견적 원칙을 명시한 카센터 사이트.
크림+포레스트그린. 마루부리 명조와 아치형 이미지. 객실 4종과 부대시설·주변관광을 담고 요금은 성수기별 상담 안내로 처리한 펜션 사이트.
아이보리+뮤트로즈. 나눔명조 매거진 마스트헤드와 중앙 정렬 에디토리얼. 인물 없이 공간·조명·소품만으로 구성한 웨딩스튜디오 사이트.
화이트+브랜드레드. 블랙한산스와 오프셋 섀도 카드. 6단계 창업절차와 개설비용 항목표, 가맹사업법 정보공개서 고지를 갖춘 가맹모집 사이트.
웜베이지+다크브라운. 잘난체와 원형 히어로. 다크 브라운 메뉴보드와 좌석별 공간 안내를 담은 4메뉴 원페이지 로스터리 카페 사이트.
블루+라임. 라운드 대형 카드 히어로에 인물 컷과 원형 배지, 하단 4칸 정보 띠. 진료안내·임플란트·의료진·오시는길 4개 하위 페이지를 갖춘 치과 사이트.
테라코타+크림. 좌측 세로 내비 컬럼과 고스트 타이포 위 인물 이미지, 플로팅 상담 카드. 6단계 상담·수술 절차와 안전관리를 담은 원페이지.
오프화이트+로즈. 중앙 로고 바와 초대형 헤드라인, 헤어라인 구분선 기반의 미니멀 레이아웃. 진료 항목 리스트형 5행과 장비·절차를 담은 원페이지.
딥그린+라임. 전면 인물 이미지 위 초대형 오버레이 헤드라인과 캡슐 pill 내비, 하단 태그 열과 다크 패널. 6과목·탕약 관리·4단계 절차 원페이지.
블러시+라벤더. 명조 디스플레이 헤드라인 중앙 히어로와 라임 스탯 카드, 손글씨풍 메모 태그. 산과·부인과·여성검진·오시는길 4개 하위 페이지.
다크그린+라이트라임. 볼드 헤드라인 좌·인물 이미지 우 분할 히어로와 하단 스트립 카드, 4칸 다크 스탯 띠. 재활 4단계와 문의 폼을 담은 원페이지.
네이비+블루. 상단 유틸리티 바와 정통 내비, 네이비 텍스트 좌·인물 이미지 우 분할 히어로에 3칸 블루 연락처 띠가 걸치는 클래식 원페이지.
올리브+피치. 라운드 올리브 히어로 카드에 명조 혼합 헤드라인과 아바타 스택, 4칸 지표 열. 입소안내·프로그램·시설·오시는길 4개 하위 페이지.
앰버+딥그린. 진료 중인 인물 컷이 화면 전체를 채우는 히어로 좌측에 대시 리스트형 세로 내비, 하단에 유리 CTA 카드 2장과 흰색 4칸 통계 띠가 이어지는 원페이지 동물병원 사이트.
네이비+골드. 좌측 고정 다크 레일 내비와 명조 헤드라인, 골드 4칸 지표 띠. 수업과정·학습관리·자습시설·상담등록 4개 하위 페이지를 갖춘 입시학원 사이트.
코랄+민트. 크림 배경 위 대형 라운드 카드 레이아웃, 컨페티 도형 장식과 4색 과정 카드, 우측 신청 폼이 붙는 밝은 원페이지 영어학원 사이트.
옐로+민트. 구름 웨이브 디바이더와 블롭 마스크 히어로 이미지, 파스텔 타일 4칸. 하루일과·시설안내·입소안내 하위 페이지를 갖춘 어린이집 사이트.
블랙+레드. 도복 인물 컷 위 중앙 정렬 초대형 헤드라인 풀스크린 히어로, 좌측 세로 아이콘 레일, 히어로 바로 아래 붙는 체험 신청 폼 띠. 띠 색 카드로 반을 나눈 원페이지.
세이지+베이지. 상단 워드마크 매스트헤드와 라인 프레임 안에 담긴 히어로, 우측에 떠 있는 반투명 수업 찾기 패널. 명조 혼합 에디토리얼 톤의 원페이지 스튜디오 사이트.
블루그레이+라임. 초대형 헤드라인 위로 흑백 인물 컷이 겹쳐 글자를 가리는 히어로에 흰 카드 2장이 걸침. 프로그램·시설·이용안내 하위 페이지를 갖춘 헬스장 사이트.
잉크블랙+브라스. 변론 준비 중인 인물 컷이 히어로를 채우고 좌하단 pill 라벨·우하단 신뢰 문구, 바로 아래 검은 통계 4칸 띠가 붙음. 업무분야·진행절차·소개·상담 하위 페이지를 갖춘 법률사무소 사이트.
일렉트릭 블루+레드. 장부와 계산기를 직접 그린 플랫 SVG 일러스트 히어로에 검은 통계 스트립, 번호가 붙은 업무 목록 행과 파란 전면 패널 사진 밴드. FAQ 아코디언까지 담은 원페이지.
근흑색 미니멀. 화면 가운데 놓인 대형 헤드라인과 아래로 흩어지는 점 필드, 상담 장면 인물 컷을 전폭으로 깐 인용 밴드. 자문 영역 6행·타임라인 진행 방식으로 이어지는 다크 원페이지.
토프+크림. 좌측 크림 패널과 우측 전폭 사진을 가르는 경계 위로 헤드라인이 반은 먹색 반은 흰색으로 걸쳐지고, 우하단에 떠 있는 확인 동행 카드. 법정 중개보수 안내까지 담은 원페이지.
크림+앰버. 좌측 헤드라인과 우측 작업자 인물 컷, 그 아래 세로 구분선으로 나뉜 통계 3칸 히어로. 회색·검정을 섞은 대형 선언 문장과 라인 카드. 설비·품질·회사소개 하위 페이지 구성.
다크 네이비+틸. 접안 중인 화물선 사진을 라운드 카드로 깐 히어로에 브랜드가 가운데 놓인 네비, 1·2·3 번호 탭과 사진이 좌우 교차하는 패널 3단. 얇은 테두리 서비스 박스로 이어지는 원페이지.
오프화이트+먹색. 실내 사진 하단을 가로지르는 초대형 워드마크와 우상단 세로 텍스트 네비, 어긋난 3장 오프셋 갤러리. 프로젝트·프로세스·스튜디오·상담 하위 페이지를 갖춘 에디토리얼 스튜디오 사이트.
크림+딥그린+옐로. 나뭇잎 모양으로 오려낸 히어로 이미지에 전정 작업자의 손 컷을 넣고 화살표 pill 라벨과 4칸 통계 띠를 붙였습니다. 딥그린 밴드의 4단계 진행 절차와 모자이크 시공사례, 연간 관리 3종을 담은 원페이지 조경 사이트.
블랙+오렌지. 흰 바탕 위에 놓인 대형 라운드 다크 카드 히어로에 분전반을 점검하는 기술자 컷이 우측을 채우고, 바로 아래 오렌지 고지 스트립이 붙습니다. 공사분야 6종·안전관리 체크리스트·다크 견적 폼으로 이어지는 원페이지.
화이트+버밀리온. 각진 모서리로 통일한 레이아웃에 도크의 트럭 행렬을 전폭으로 깐 히어로, 그 아래 붙는 운임 문의 입력 스트립. 검정 4칸 지표 띠와 3종 서비스 카드. 회사소개·운송서비스·보관물류센터·운임문의 4개 하위 페이지.
차콜+레드. 정비 베이 사진 위로 초대형 워드마크가 상단을 가로지르고, 우측 정렬 대문자 내비와 좌하단 반투명 슬랩에 헤드라인·CTA가 놓입니다. 정비 항목 6칸 그리드와 확정가를 게시하지 않는 비용 산출 방식 표를 담은 다크 원페이지.
딥파인+머스터드. 중앙 정렬 헤드라인 아래 예약 문의 스트립, 골드 슬랩이 어긋나게 깔린 기울어진 사진과 반짝임 장식. 노란 전면 밴드로 색면을 나눴습니다. 객실안내·이용안내·예약문의 하위 페이지, 확정 요금 대신 성수기·비수기 안내.
오프화이트 에디토리얼. 십자 그리드 선이 비치는 프레임 안에 좌측 세로 회전 내비와 모노스페이스 라벨, 명조 헤드라인을 배치하고 그라디언트 밴드로 끊었습니다. 촬영 결과물 대신 스튜디오 공간·촬영 과정·패키지 구성으로 채운 원페이지.
블랙+머스터드. 라운드 다크 카드 히어로와 노란 전면 밴드에 브랜드 지표를 원형으로 배치, 노란 테두리의 기울어진 사진 카드 3장과 테이프 하이라이트 문구. 브랜드소개·창업안내·가맹문의 하위 페이지와 가맹사업법 고지 박스.
딥그린+크림. 초대형 워드마크 위로 라떼를 건네는 바리스타 컷이 겹쳐 글자를 가리는 히어로에 크림색 pill 내비를 얹었습니다. 2단 메뉴판과 원두 소개 카드, 영업시간 3칸과 단체·원두 문의 폼을 담은 원페이지 로스터리 사이트.
화이트+테라코타. refero.design 에서 받은 Apple 디자인 시스템(96px 헤드라인, 28px 라운드, 필 버튼, 흰/그레이 교차 밴드)을 건축사사무소 톤으로 옮긴 5페이지 사이트. 홈·작업사례·설계절차·스튜디오·상담문의.
홈페이지데모 91종 · 제작 실적 총 128건
