SELECTED BLOG PORTFOLIO
색상뿐 아니라, 구성부터 다르게 만듭니다. 부동산부터 병원까지, 완성도와 구성이 돋보이는 실제 작업을 업종별로 골랐습니다.
기존 유티엘 운영 당시 제작한 홈페이지형 블로그 포트폴리오입니다. 작업 당시의 브랜드와 화면을 그대로 소개하며, 현재 제작 상담은 SKY 광고기획에서 진행합니다.
전체 88 부동산 · 분양10 인테리어 · 청소 · 설비10 요양원 · 주간보호10 자동차 · 렌터카 · 세차8 기업 · 전문직10 학원 · 교육10 뷰티 · 건강 · 피트니스10 병원 · 동물병원10 기타 · 브랜드10
9개 업종 · 실제 제작 사례 88개
01
부동산 · 분양 SELECTED WORKS / 10 크게 보기 ↗ 중앙 5개 라운드 메뉴 토지 재테크 블로그 진한 배경에 핵심 문구를 크게 배치하고 둥근 메뉴를 중앙에 모았습니다.
크게 보기 ↗ 하단 6개 카드 메뉴 신내시티프라디움 공인중개사 도시 전경을 시원하게 펼치고 6개 메뉴를 두 줄로 정리했습니다.
크게 보기 ↗ 하단 2단 메뉴 공인중개사 사무소 건축 사진과 푸른색 메뉴로 중개 업무와 연락처를 또렷하게 전달합니다.
크게 보기 ↗ 하단 메뉴·정보 카드 호반114 공인중개사 도시 전경을 프레임 안에 담고 업체 정보와 주요 메뉴를 하단에 정리했습니다.
크게 보기 ↗ 일러스트·2단 타일 메뉴 목감일등 공인중개사 건물 일러스트에 블루와 오렌지를 조합하고 두 줄 메뉴로 매물 유형을 구분했습니다.
크게 보기 ↗ 태블릿 이미지·하단 메뉴 열린 공인중개사 밝은 도시 배경과 태블릿 이미지를 조합하고 아래에 간결한 메뉴를 배치했습니다.
크게 보기 ↗ 상단 메뉴·골드 포인트 아파트 분양 브랜드 해 질 무렵의 건물 사진과 골드 타이포로 고급스러운 분양 이미지를 구성했습니다.
크게 보기 ↗ 중앙 상담·하단 카테고리 굿초이스 부동산 중앙의 큰 상담 버튼과 하단 카테고리 메뉴로 이용 목적을 나눴습니다.
크게 보기 ↗ 하단 3개 대표 메뉴 지식산업센터 분양 빌딩 사진과 큼직한 연락처를 강조하고 핵심 메뉴 세 개를 아래에 배치했습니다.
크게 보기 ↗ 우측 2단 아이콘 메뉴 한화희망 공인중개사 보라색 브랜드 컬러에 건물 일러스트를 더하고 오른쪽에 매물 메뉴를 묶었습니다.
부동산 · 분양 10개 모두 보기 + 02
인테리어 · 청소 · 설비 SELECTED WORKS / 10 크게 보기 ↗ 하단 사진 메뉴 유일하수구 밝은 공간 사진에 서비스별 사진 메뉴를 더해 필요한 작업을 바로 찾게 합니다.
크게 보기 ↗ 하단 아이콘 메뉴 가전제품 홈케어 가전제품 이미지와 라인 아이콘으로 홈케어 서비스를 정리했습니다.
크게 보기 ↗ 하단 서비스 메뉴 청소대행 서비스 밝은 생활 사진과 서비스별 메뉴로 편안하고 깨끗한 인상을 줍니다.
크게 보기 ↗ 하단 컬러 아이콘 다미 인테리어 필름 밝은 실내 사진을 넓게 사용하고 작은 컬러 아이콘으로 시공 메뉴를 정리했습니다.
크게 보기 ↗ 중앙 카드·하단 프로세스 한샘 리모델링 실내 공간 사진 아래에 서비스 카드와 시공 과정을 구분해 담았습니다.
크게 보기 ↗ 하단 4개 컬러 카드 인테리어 · 파스텔형 화이트 공간 사진에 핑크와 블루 메뉴를 더해 밝고 부드러운 분위기를 만들었습니다.
크게 보기 ↗ 다크 배경·라인 아이콘 건축·상가 인테리어 건축 사진과 짙은 배경을 조합하고 골드 라인과 아이콘으로 메뉴를 정리했습니다.
크게 보기 ↗ 하단 3개 사진 메뉴 욕실 인테리어 욕실과 소재 사진을 분할 배치하고 하단 사진 메뉴로 작업 분야를 구분했습니다.
크게 보기 ↗ 하단 4개 카드 메뉴 수 인테리어 차분한 네이비 공간에 가구 사진을 배치하고 밝은 메뉴 카드로 대비를 주었습니다.
크게 보기 ↗ 와이드 제품 소개형 환기·공기청정기 브랜드 제품과 공간 사진, 특징 아이콘을 함께 구성해 제품 정보를 차분하게 전달합니다.
인테리어 · 청소 · 설비 10개 모두 보기 + 03
요양원 · 주간보호 SELECTED WORKS / 10 크게 보기 ↗ 하단 2단 포인트 메뉴 153요양원 시설 사진과 파란색 배경, 노란 메뉴를 조합해 정보를 구분했습니다.
크게 보기 ↗ 하단 메뉴·시설 사진 한솔요양원 따뜻한 인물 사진에 초록색 메뉴와 시설 사진을 함께 구성했습니다.
크게 보기 ↗ 하단 5개 아이콘 메뉴 주간보호센터 편안한 공간 사진과 다섯 개 메뉴로 센터 정보를 안내합니다.
크게 보기 ↗ 중앙 2단 일러스트 메뉴 송탄사랑 주간보호센터 따뜻한 핑크색 배경에 돌봄 일러스트와 중앙 메뉴를 모아 친근하게 구성했습니다.
크게 보기 ↗ 하단 아이콘 메뉴 가가호호 노인주간보호센터 가족 일러스트와 노란색 포인트를 활용해 센터 소개와 이용 메뉴를 구분했습니다.
크게 보기 ↗ 하단 4개 아이콘 메뉴 인천중부 노인주야간보호센터 인물 사진과 큰 센터명을 상단에, 네 개의 안내 메뉴를 하단에 배치했습니다.
크게 보기 ↗ 중앙 정보·카드 메뉴 요양원 · 따뜻한 일러스트형 꽃과 가족 일러스트에 초록색 정보 패널을 더해 따뜻하고 정돈된 인상을 줍니다.
크게 보기 ↗ 우측 6개 컬러 메뉴 정겨운 주야간보호센터 밝은 인물 사진 옆에 초록색 메뉴를 두 줄로 배치해 내용을 쉽게 찾게 합니다.
크게 보기 ↗ 하단 5개 아이콘 메뉴 시니어센터 · 화이트형 여백이 있는 화이트 화면에 인물 사진과 다섯 개 안내 메뉴를 구성했습니다.
크게 보기 ↗ 하단 사진·아이콘 조합 고양 하늘소리요양원 편안한 사진과 시설 소개 이미지, 보라색 메뉴를 조합해 정보를 구분했습니다.
요양원 · 주간보호 10개 모두 보기 + 04
자동차 · 렌터카 · 세차 SELECTED WORKS / 08 크게 보기 ↗ 좌측 4개 메뉴 오렌지렌트카 차량 사진 오른쪽, 주요 메뉴 왼쪽의 분할 구성입니다.
크게 보기 ↗ 하단 4개 아이콘 메뉴 자동차 정비센터 어두운 차량 사진과 흰색 메뉴 영역을 대비시킨 정비업 디자인입니다.
크게 보기 ↗ 좌측 상담·하단 정보 출장 스팀세차 자동차 사진에 사선 그래픽을 더하고 상담과 업체 정보를 구분했습니다.
크게 보기 ↗ 하단 2단 서비스 메뉴 자동차 튜닝 · 아이카 어두운 차량 사진 아래에 보라색 메뉴를 두 줄로 배치한 자동차 서비스 디자인입니다.
크게 보기 ↗ 하단 원형 사진 메뉴 자동차 덴트·광택 실제 작업 사진과 노란색 포인트를 사용하고 원형 메뉴로 작업 종류를 구분했습니다.
크게 보기 ↗ 가로 메뉴·옐로 포인트 대명모터스 차량과 기어 이미지를 어두운 배경에 담고 노란색 메뉴 바로 대비를 주었습니다.
크게 보기 ↗ 좌측 세로 메뉴 렌터카 · 세로 메뉴형 자동차 사진은 오른쪽에, 서비스별 메뉴는 왼쪽 세로 영역에 모은 구성입니다.
크게 보기 ↗ 상단 원형 메뉴·바다 배경 제주 중고차 매매 제주의 바다와 차량 사진을 조합하고 원형 메뉴를 상단에 정리했습니다.
자동차 · 렌터카 · 세차 8개 모두 보기 + 05
기업 · 전문직 SELECTED WORKS / 10 크게 보기 ↗ 상단 메뉴·연락처 소통과채움 교육기업의 활동 사진과 단정한 상단 메뉴를 사용한 구성입니다.
크게 보기 ↗ 하단 2단 메뉴 케이택스 브랜드의 붉은색을 메인에 살리고 하단에 업무별 메뉴를 묶었습니다.
크게 보기 ↗ 좌측 6개 원형 메뉴 유성소방안전공사 소방 일러스트 옆에 6개 원형 메뉴를 배치한 디자인입니다.
크게 보기 ↗ 사진 타일·좌측 업체 안내 승진팩토리 가공 현장 사진 위에 제품별 사진 메뉴를 묶고 왼쪽에 업체 안내를 배치했습니다.
크게 보기 ↗ 하단 6개 라인 메뉴 기업 컨설팅 · 아이콘형 업무 사진과 차콜색 배경에 균일한 라인 아이콘을 사용한 단정한 기업형 구성입니다.
크게 보기 ↗ 하단 원형 컬러 메뉴 보장클리닉센터 스마트폰 목업과 친근한 그래픽에 원형 메뉴를 더해 보험 서비스를 구분했습니다.
크게 보기 ↗ 상단 메뉴·중앙 상담 비즈인포기업지원단 빌딩 사진을 넓게 사용하고 핵심 문구와 상담 버튼을 중앙에 모았습니다.
크게 보기 ↗ 하단 아이콘·브랜드 컬러 중소·벤처기업 컨설팅 푸른색 업무 이미지와 인물 사진 아래에 서비스별 아이콘 메뉴를 정렬했습니다.
크게 보기 ↗ 하단 2단 사진 타일 세무회계 · 컬러 메뉴형 업무 사진과 민트색 타일 메뉴를 결합해 세무 업무와 자료를 구분했습니다.
크게 보기 ↗ 하단 교육 아이콘 메뉴 외식사업 교육·컨설팅 교육 이미지를 배경에 담고 하단의 아이콘 메뉴로 프로그램을 안내합니다.
기업 · 전문직 10개 모두 보기 + 06
학원 · 교육 SELECTED WORKS / 10 크게 보기 ↗ 하단 메뉴·우측 바로가기 꿈자라다 운동발달센터 사진과 밝은 그래픽을 조합하고 하단 메뉴와 우측 바로가기를 구분했습니다.
크게 보기 ↗ 브랜드 강조·상단 메뉴 에이블 수학학원 큰 타이포와 트로피 이미지를 활용한 어두운 톤의 학원 디자인입니다.
크게 보기 ↗ 하단 컬러 메뉴 마스터클럽 영어학원 학습 사진과 다양한 컬러 메뉴로 교육 프로그램을 구분했습니다.
크게 보기 ↗ 하단 학습 아이콘 메뉴 EVT 미래어학원 학습 사진과 밝은 색상을 활용하고 프로그램별 메뉴를 하단에 나열했습니다.
크게 보기 ↗ 하단 악기 모티프 메뉴 뮤직피아노 음악 일러스트와 파스텔 색상을 사용하고 건반과 악보 모티프로 메뉴를 만들었습니다.
크게 보기 ↗ 하단 5개 아이콘 메뉴 수학 전문학원 · 일러스트형 책과 도형 일러스트를 밝게 배치하고 선명한 아이콘 메뉴로 구성을 마무리했습니다.
크게 보기 ↗ 하단 컬러 아이콘 수학학원 · 화이트형 교실 이미지와 칠판의 대비를 살리고 하단에 컬러 아이콘 메뉴를 정리했습니다.
크게 보기 ↗ 하단 가로 텍스트 메뉴 써니이스턴 영어전문학원 학습 장면과 진한 배경을 조합해 타이틀을 강조하고 메뉴를 간결하게 구성했습니다.
크게 보기 ↗ 하단 교육 아이콘 메뉴 안양인테리어기술학원 기술교육 이미지와 네이비 메뉴 영역으로 전문 분야를 명확하게 전달합니다.
크게 보기 ↗ 상단 메뉴·사진 중심 음악·악기 아카데미 악기 연주 사진을 넓게 활용하고 상단 메뉴와 하단 소개 문구로 구성했습니다.
학원 · 교육 10개 모두 보기 + 07
뷰티 · 건강 · 피트니스 SELECTED WORKS / 10 크게 보기 ↗ 상단 메뉴·하단 정보 건강식품 브랜드 제품 사진의 보라색·골드 색상을 메뉴와 하단 안내까지 이어갑니다.
크게 보기 ↗ 하단 상담 메뉴 화장품 브랜드 제품과 식물 이미지를 배치하고 보라색으로 상담 영역을 구분했습니다.
크게 보기 ↗ 우측 6개 타일 메뉴 파인핏 피트니스 운동 사진을 어둡게 깔고 오른쪽에 6개 타일 메뉴를 모았습니다.
크게 보기 ↗ 상단 메뉴·사진 갤러리 피트니스 · 트레이너형 트레이너 사진과 브랜드 로고를 강조하고 하단에 운동 사진 갤러리를 배치했습니다.
크게 보기 ↗ 하단 4개 컬러 메뉴 아트만요가원 자연과 요가 사진을 조합하고 초록색 메뉴를 사용해 차분한 인상을 줍니다.
크게 보기 ↗ 하단 2단 아이콘 메뉴 디퍼런스짐 어두운 운동 사진과 밝은 메뉴 패널을 대비시켜 서비스와 연락처를 구분했습니다.
크게 보기 ↗ 상단 상담·사진 분할 잇츠필라테스 베이지색 화면에 기구와 운동 사진을 나누어 담고 상단 상담 채널을 강조했습니다.
크게 보기 ↗ 작품 사진·다크 갤러리 타투 스튜디오 블랙 배경에 실제 작품 사진을 배치하고 메뉴와 위치 안내를 차분하게 정리했습니다.
크게 보기 ↗ 상단 메뉴·제품 사진 주얼리 브랜드 화이트와 골드 색상에 주얼리 사진을 정돈해 제품이 돋보이도록 구성했습니다.
크게 보기 ↗ 중앙 정보 타일 메뉴 바디블랑 왁싱 어두운 배경에 핑크·블루 타일을 조합해 가격과 이용 안내를 구분했습니다.
뷰티 · 건강 · 피트니스 10개 모두 보기 + 08
병원 · 동물병원 SELECTED WORKS / 10 크게 보기 ↗ 우측 4개·하단 사진 메뉴 스마트 동물병원 병원 공간 사진 위의 우측 메뉴와 하단 진료 사진 메뉴를 함께 사용했습니다.
크게 보기 ↗ 중앙 아이콘·하단 정보 동물메디컬센터 동물 사진과 골드 라인 아이콘으로 진료 안내를 차분하게 정리했습니다.
크게 보기 ↗ 하단 진료 메뉴 차앤박 치과의원 밝은 진료 사진과 파란색 메뉴로 의료기관의 첫인상을 구성했습니다.
크게 보기 ↗ 우측 컬러 메뉴 신경외과·재활의학과 밝은 의료 이미지를 사용하고 오른쪽의 색상 메뉴로 진료 안내를 구분했습니다.
크게 보기 ↗ 하단 2단 진료 메뉴 성형외과 · 핑크형 밝은 인물 사진과 핑크색 포인트에 진료별 메뉴를 두 줄로 배치했습니다.
크게 보기 ↗ 하단 메뉴·시설 사진 24시 동물병원 반려동물과 병원 사진을 함께 사용하고 아래에 진료 메뉴와 공간 이미지를 정리했습니다.
크게 보기 ↗ 다단 컬러 아이콘 메뉴 가정의학과 · 컬러형 진료 항목을 각각 다른 색상의 타일로 구분해 많은 정보를 정돈한 구성입니다.
크게 보기 ↗ 상단 메뉴·하단 진료 안내 치과의원 · 심플형 화이트 배경에 인물과 진료 이미지를 담고 푸른색 하단 영역으로 정보를 구분했습니다.
크게 보기 ↗ 하단 5개 컬러 메뉴 동물병원 · 애견호텔 강아지와 고양이 사진에 밝은 색상 메뉴를 조합하고 진료시간을 별도로 강조했습니다.
크게 보기 ↗ 하단 사진 카테고리 반려견 분양·위탁 브라운색 배경과 반려견 사진을 사용하고 품종별 사진 메뉴를 하단에 배치했습니다.
병원 · 동물병원 10개 모두 보기 + 09
기타 · 브랜드 SELECTED WORKS / 10 크게 보기 ↗ 좌측 메뉴·우측 QR 애토스 코리아 휴대전화 목업과 QR 이미지를 오른쪽에, 설명과 메뉴를 왼쪽에 두었습니다.
크게 보기 ↗ 하단 2단 메뉴 주짓수 아카데미 훈련 사진과 단계별 메뉴를 사용해 아카데미 정보를 쉽게 찾게 합니다.
크게 보기 ↗ 하단 2단 컬러 메뉴 에브리블로그 따뜻한 일러스트와 색상이 다른 두 줄 메뉴로 이용 목적을 나눴습니다.
크게 보기 ↗ 하단 사진 메뉴 익스테리어 · 시공업체 건축 사진과 시공 사례를 넓게 보여주고 하단 사진 메뉴로 작업 유형을 나눴습니다.
크게 보기 ↗ 하단 4개 아이콘 메뉴 에코솔루션 자연과 현장 사진을 조합하고 깨끗한 아이콘 메뉴로 서비스를 안내합니다.
크게 보기 ↗ 상단 메뉴·자연 사진 리조트 회원권 분양 숲과 리조트 사진을 중심에 두고 화이트 프레임으로 소개와 상담을 정리했습니다.
크게 보기 ↗ 일러스트·정보 배너 경찰청 인권센터 친근한 일러스트와 푸른색 그래픽을 활용하고 하단 정보 배너로 구분했습니다.
크게 보기 ↗ 하단 3개 사진 메뉴 정통 중화요리 전문점 중식당의 공간과 음식 사진을 조합하고 붉은색 포인트로 분위기를 살렸습니다.
크게 보기 ↗ 미니멀 사진 갤러리 사진작가 포트폴리오 절제된 색상과 여백에 작품 사진을 정렬해 작가의 이미지가 돋보이도록 구성했습니다.
크게 보기 ↗ 하단 사진·텍스트 메뉴 안경매니저 매장 사진을 넓게 보여주고 붉은색 포인트와 간결한 하단 메뉴를 사용했습니다.
기타 · 브랜드 10개 모두 보기 + 4개·5개·6개 메뉴, 배치에 따라 달라지는 인상 하단 가로형, 두 줄 카드형, 좌측 메뉴형, 우측 타일형까지. 필요한 메뉴와 브랜드 분위기를 먼저 정하고 스킨과 위젯을 함께 디자인합니다. 실제 적용 위치와 연결 방식은 네이버에서 지원하는 레이아웃 범위에 맞춰 안내합니다.
업종 다시 선택하기 ↑