06 / 요양시설 홈페이지 리뉴얼
SUNLIGHT CLHF
돌봄의 전문성에 따뜻함을 더해,
환자와 보호자가 편안하게 살펴보는 웹사이트로.
환자 요양시설의 성격에 맞춰 따뜻한 색감을 적용하고, 다양한 서비스를 일러스트로 친근하게 표현했습니다. 정렬이 흐트러진 사진과 글을 정돈하고 저화질 이미지를 보정해 게시하여, 시설과 돌봄 서비스를 더 편안하고 선명하게 전달하도록 리뉴얼했습니다.
2026년 11월 실제 화면 기록 · 아래 이미지는 수박팀에 저장한 캡처입니다. 이미지 안에서 스크롤하거나 ‘전체 길이로 펼쳐 보기’를 누르면 하단까지 확인할 수 있습니다.
PROJECT OVERVIEW
무엇을, 어떻게 바꿨나요?
변경한 내용과 실제 전후 화면을 함께 살펴보세요.
CHANGE 01
환자와 보호자를 맞이하는 따뜻한 첫 화면으로 바꿨습니다
차가운 푸른 배경과 중앙 시설 사진에 정보가 모여 있었습니다.

크림색·부드러운 녹색과 따뜻한 갈색 포인트를 사용하고, 시설 사진과 환자의 존엄을 강조하는 메시지를 나란히 배치했습니다.

여기를 보세요
같은 시설 사진이 색감·여백·메시지 배치에 따라 어떻게 다르게 느껴지는지 보세요.
CHANGE 02
복잡한 돌봄 서비스를 따뜻한 일러스트로 풀었습니다
간호·호흡·치료·영양 등 여러 서비스를 긴 텍스트 목록으로 보여주었습니다.

서비스마다 돌봄 장면을 담은 일러스트와 짧은 설명을 함께 배치해 내용을 편안하게 읽도록 구성했습니다.

여기를 보세요
Patient Services의 그림·서비스명·설명이 일정한 순서로 연결됩니다.
CHANGE 03
인물 사진과 소개 글의 기준선을 맞췄습니다
사진 크기와 소개 영역의 비율이 달라 인물별 정보가 고르게 읽히지 않았습니다.

사진과 텍스트의 열, 간격, 제목 위치를 정리하고 배경색을 교차 적용해 인물별 소개를 분명하게 나눴습니다.

여기를 보세요
각 인물의 사진 위치와 직책·이름·설명 순서를 비교하세요.
CHANGE 04
저화질 이미지를 보정하고 사진 배치를 정돈했습니다
시설 사진의 크기와 세로·가로 비율이 섞여 있어 갤러리의 흐름이 불규칙했습니다.

화질이 떨어지는 이미지를 보정해 게시하고, 사진의 크기와 간격을 정리해 시설의 공간을 더 선명하고 편안하게 보여주도록 개선했습니다.

여기를 보세요
실내·정원·외관 사진을 같은 기준의 격자에 배치하고 마지막 행까지 균형을 맞췄습니다.
CHANGE 05
시설의 특징과 인증 정보를 차분하게 정리했습니다
소개 문단과 인증 이미지, 시설 사진이 길게 이어졌습니다.

소개·상세 설명·인증·시설 사진을 배경색과 여백으로 구분해 필요한 내용을 순서대로 읽을 수 있게 정리했습니다.

여기를 보세요
사진과 소개 글이 나란히 놓인 영역, 인증 정보와 시설 외관의 배치를 보세요.
CHANGE 06
연락처와 방문 안내를 쉽게 찾도록 만들었습니다
연락처와 하단 정보가 여러 영역으로 나뉘어 있었습니다.

주소·전화·팩스와 시설 사진을 한곳에 정리하고, 전화와 길찾기 안내를 하단에서도 쉽게 찾도록 구성했습니다.

여기를 보세요
시설을 확인한 뒤 연락하거나 방문 정보를 찾는 흐름이 짧아졌습니다.
SCREEN ARCHIVE
기존 홈페이지 vs 새 홈페이지
기존 6개 페이지와 리뉴얼 7개 페이지의 전체 화면입니다. 캡처 속 버튼·지도는 화면 기록이며 실제 이동 기능은 없습니다.
BEFORE · 6 SCREENS
OLD WEBSITE
기존 주요 6개 페이지입니다. 서비스는 홈에 포함되어 있습니다.
SCREEN 01
홈 · 전체

전체 길이로 펼쳐 보기

SCREEN 02
About · 시설 소개

전체 길이로 펼쳐 보기

SCREEN 03
Our Team · 돌봄 팀

전체 길이로 펼쳐 보기

SCREEN 04
Gallery · 시설 사진

전체 길이로 펼쳐 보기

SCREEN 05
COVID-19 · 안내

전체 길이로 펼쳐 보기

SCREEN 06
Contact · 문의

전체 길이로 펼쳐 보기

AFTER · 7 SCREENS
NEW WEBSITE
홈과 새 서비스 페이지를 포함한 7개 페이지입니다.
SCREEN 01
홈 · 전체

전체 길이로 펼쳐 보기

SCREEN 02
Services · 서비스 일러스트

전체 길이로 펼쳐 보기

SCREEN 03
About · 시설 소개

전체 길이로 펼쳐 보기

SCREEN 04
Our Team · 돌봄 팀

전체 길이로 펼쳐 보기

SCREEN 05
Gallery · 시설 사진

전체 길이로 펼쳐 보기

SCREEN 06
COVID-19 · 안내

전체 길이로 펼쳐 보기

SCREEN 07
Contact · 문의

전체 길이로 펼쳐 보기
