CONNECTEDGE
제조·산업화학·소재
큰 글자가 한 줄씩 떠오르는 소재 회사 홈페이지
화면을 가득 채운 굵은 한글 제목이 줄마다 떠오르고, 글자 사이에 사진 캡슐이 박힌 타이포 중심 시안. 염수분무 시험 전후를 끌어서 비교합니다.
업종별 홈페이지
디자인 시안
제조업, 건설·인테리어, 카페·음식점, 병원·학원까지 업종별로 만든 홈페이지 디자인 시안입니다. 시안을 열어 실제 홈페이지처럼 눌러 보고, 마음에 드는 방향으로 상담을 시작하세요.
01 Gallery01/03
업종별 시안 20개
제조업 홈페이지 디자인
거래처 구매 담당자는 설비, 공정, 품질부터 확인합니다. 그래서 제조업 홈페이지 디자인 시안은 도면, 회로, 생산 라인처럼 그 회사가 하는 일을 첫 화면에 그대로 드러내는 데 집중했습니다.
제조·산업전자부품
회로 위를 손전등으로 비추는 전자부품 회사 홈페이지
솔더 마스크 녹흑색 바탕에 구리 회로가 깔리고, 마우스가 가는 곳만 회로가 빛납니다. 제품 목록에서는 사진이 커서를 따라오는 다크 테크 시안입니다.
제조·산업식품 제조
깨끗한 공장과 소스의 맛을 반씩 보여 주는 식품 OEM 홈페이지
왼쪽은 글, 오른쪽은 사진인 좌우 분할 첫 화면에 가운데 로고 메뉴. 사진이 가림막을 걷듯 열리고, OEM 진행 단계 카드가 겹겹이 쌓이는 HACCP 소스 제조 시안입니다.
제조·산업산업기계·설비
현장 사진으로 압도하는 자동화 설비 회사 홈페이지
어둡게 빛나는 설비 사진이 화면 전체를 채우고, 왼쪽 세로 메뉴와 가로로 흐르는 장비 띠, 스크롤에 따라 진행되는 6단계 공정을 담은 시안입니다.
제조·산업금속 정밀가공
도면 한 장 위에 세운 정밀가공 회사 홈페이지
모눈 도면 종이 위에 부품 도면이 스스로 그려지는 첫 화면. 설비 목록은 부품표처럼, 바닥글은 표제란처럼 꾸민 CNC 정밀가공 시안입니다.
- 제조·산업 홈페이지,
우리 회사에 맞춰 새로 디자인합니다상담 신청하기 ↗
건설·인테리어 홈페이지 디자인
건설, 인테리어, 설비 시공, 물류 회사는 실적과 현장이 곧 신뢰입니다. 시공 사례 사진, 공정률, 노선 지도처럼 발주처가 먼저 보고 싶어 하는 것을 앞세운 건설 홈페이지 디자인입니다.
건설·인테리어·물류건축설계
선 하나를 긋기 전에 땅을 오래 봅니다 — 건축사사무소 아카이브
왼쪽 고정 세로 메뉴와 흑백 프로젝트 아카이브로 시작하는 미니멀·에디토리얼 시안. 용도별로 걸러 보고, 목록 보기에서는 커서를 따라 사진이 떠오릅니다.
건설·인테리어·물류종합건설·엔지니어링
도면대로, 기한대로 — 관급·민간 종합건설
전면 현장 사진이 가운데 틈에서 열리며 시작하는 종합건설 시안. 사업 분야·대표 실적 사진이 마스크로 열리고, 진행 중 현장의 공정률 막대가 차오릅니다.
건설·인테리어·물류전기·설비 시공
전기가 멈추면 공장도 멈춥니다 — 전기·소방·기계설비
큰 글자와 스스로 그려지는 단선결선도로 시작하는 어두운 기술 시안. 사업 분야 카드가 겹겹이 쌓이고, 점검 과정 선이 스크롤을 따라 차오릅니다.
건설·인테리어·물류인테리어
살던 결은 남기고 — 주거·상업 인테리어
좌우 분할 첫 화면과 마감재 견본, 설계 투시도와 완공 사진을 겹쳐 보는 비교 슬라이더, 끌어서 넘기는 시공 사례 띠로 공간감과 질감을 보여 주는 인테리어 시안.
건설·인테리어·물류물류·운송
중부에서 출발해 전국 어디든 다음 날 아침 — 물류·3PL
점 지도 위로 간선이 그려지고 거점이 차례로 깜빡이며 차량 점이 달리는 네트워크 첫 화면. 화면 아래 떠 있는 메뉴와 넘겨지는 출발 현황판으로 속도감을 줍니다.
- 건설·인테리어·물류 홈페이지,
우리 회사에 맞춰 새로 디자인합니다상담 신청하기 ↗
카페·음식점·가게 홈페이지 디자인
카페, 음식점, 미용실, 필라테스, 꽃집은 분위기와 예약, 찾아오는 길이 중요합니다. 메뉴와 공간 사진을 크게 쓰고 휴대폰에서 바로 예약하고 길을 찾을 수 있게 만든 가게 홈페이지 디자인입니다.
가게·소상공인헤어·뷰티
얇은 글자와 캡슐 사진으로 만든 헤어 아틀리에
우윳빛 라일락 바탕에 아주 가는 큰 한글 제목, 왼쪽 세로 레일 메뉴. 사진 기둥 두 줄이 서로 반대로 흐르고, 시술 목록에 커서를 올리면 그 시술 사진이 따라옵니다.
가게·소상공인카페·베이커리
빵 나오는 시각이 살아 움직이는 동네 제빵소
버터빛 종이 질감 위에 오븐 입구 모양 아치 사진. 지금 시각에 맞춰 “방금 나온 빵”을 알려 주는 굽는 시간판과, 스크롤하면 가로로 흐르는 진열대가 있습니다.
가게·소상공인필라테스·헬스
코발트와 노랑, 두꺼운 글자로 밀어붙이는 운동 스튜디오
코발트 바탕에 아주 두꺼운 한글 제목과 듀오톤 사진. 스크롤 방향과 속도를 따라 흐르는 수업 이름 띠, 수업 종류를 고르면 맞는 칸만 남는 주간 시간표, 체험 신청 폼이 있습니다.
가게·소상공인꽃집·소품샵
잡지 표지처럼 이름 위에 꽃을 겹친 꽃집
세이지 잎 빛 바탕에 커다란 세리프 가게 이름과 겹쳐진 꽃 사진. 스크롤에 따라 둥근 꽃 사진이 돌며 커지고, 정기 구독 카드가 차례로 겹쳐 올라옵니다.
가게·소상공인음식점
솥뚜껑을 열듯 화면이 열리는 한식 다이닝
옻칠한 듯 깊은 갈색 바탕에 놋빛 선과 세로쓰기 제목. 스크롤하면 달 모양 창이 커지며 솥밥 사진이 화면을 채우고, 점심·저녁·절기 특선 상차림을 탭으로 넘겨 봅니다.
- 가게·소상공인 홈페이지,
우리 회사에 맞춰 새로 디자인합니다상담 신청하기 ↗
병원·학원·전문직 홈페이지 디자인
치과, 학원, 세무·법률 사무소, 컨설팅은 처음 찾은 사람이 믿고 연락할 수 있어야 합니다. 진료 과목, 수업 과정, 업무 분야를 쉽게 설명하고 상담으로 이어지게 한 병원·학원 홈페이지 디자인입니다.
전문직·서비스학원(코딩)
한 칸씩 올라가는 코딩 학원
코드가 직접 타이핑되며 미로를 한 칸씩 지나가고, 스크롤에 따라 4단계 과정이 채워지는 모눈종이 콘셉트 학원 시안입니다.
전문직·서비스경영·인증·지원사업 컨설팅
뛰기 전 열 걸음을 함께
스크롤하면 사진 틀이 화면 가득 넓어지고, 여섯 질문으로 지원사업 준비도를 바로 진단해 보는 짙은 청록 컨설팅 시안입니다.
전문직·서비스치과·의원
설명이 먼저인 동네 치과
지금 시각 기준 진료 상태를 보여 주고, 진료 과목을 탭으로 바꿔 보는 밝은 민트 톤 치과 홈페이지 시안입니다.
전문직·서비스법률·노무
다툼의 한가운데서 차분한 다음 걸음
깊은 적갈색 바탕에 명조 제목이 한 줄씩 올라오고, 업무 분야를 고르면 옆에서 내용을 미리 보여 주는 법률사무소 시안입니다.
전문직·서비스세무·회계
장부가 고르면 세금이 미리 보입니다
오늘 날짜로 다가오는 신고 일정을 계산해 보여 주고, 월 기장료를 슬라이더로 가늠해 보는 장부 괘선 콘셉트 세무사무소 시안입니다.
- 전문직·서비스 홈페이지,
우리 회사에 맞춰 새로 디자인합니다상담 신청하기 ↗
02 Notice02/03가상 회사로 만든
가상 회사로 만든
디자인 시안입니다
업종마다 어떤 홈페이지가 어울리는지 보여 드리려고 만든 시안이며, 실제 고객 작업이 아닙니다. 실제로 만들 때는 회사의 자료와 목표를 듣고 처음부터 새로 디자인합니다.
- 가상 회사시안 속 회사 이름, 연혁, 실적 숫자, 전화번호와 주소는 모두 지어낸 것입니다.
- 새로 디자인마음에 드는 시안은 방향을 잡는 출발점으로 씁니다. 같은 화면을 다른 회사에 그대로 쓰지 않습니다.
- 사진시안의 사진은 상업적 이용이 허용된 무료 사진(Pexels 등)이고, 시안마다 출처를 적어 두었습니다.
03 Q&A03/03
디자인 시안, 자주 묻는 질문
마음에 드는 시안 그대로 홈페이지를 만들 수 있나요?+
시안은 업종마다 어울리는 방향을 보여 드리려고 만든 것이라 그대로 옮기지 않습니다. 마음에 드는 시안의 배치, 색, 움직임을 출발점으로 삼아 회사의 자료와 목표에 맞춰 새로 디자인합니다.
목록에 없는 업종도 홈페이지를 만들 수 있나요?+
네. 시안은 자주 문의가 오는 업종을 골라 만든 예시입니다. 다른 업종도 상담에서 고객, 경쟁사, 보여 줄 내용을 함께 정리한 뒤 그 업종에 맞는 디자인으로 만듭니다.
휴대폰에서도 시안처럼 보이나요?+
네. 모든 시안은 휴대폰 화면에서도 확인할 수 있게 반응형으로 만들었습니다. 실제 홈페이지도 PC, 스마트폰, 태블릿 화면 크기에 맞춰 보이도록 만듭니다.
시안 속 회사는 실제 회사인가요?+
아닙니다. 시안의 회사 이름, 연혁, 실적 숫자, 연락처는 모두 지어낸 것입니다. 커넥트엣지가 실제로 만든 홈페이지는 홈페이지 제작 페이지의 포트폴리오에서 보실 수 있습니다.