06 / 요양시설 홈페이지 리뉴얼

SUNLIGHT CLHF

돌봄의 전문성에 따뜻함을 더해,
환자와 보호자가 편안하게 살펴보는 웹사이트로.

Sunlight Congregate Living환자 요양시설 · Reseda, CAWordPress · English

환자 요양시설의 성격에 맞춰 따뜻한 색감을 적용하고, 다양한 서비스를 일러스트로 친근하게 표현했습니다. 정렬이 흐트러진 사진과 글을 정돈하고 저화질 이미지를 보정해 게시하여, 시설과 돌봄 서비스를 더 편안하고 선명하게 전달하도록 리뉴얼했습니다.

2026년 11월 실제 화면 기록 · 아래 이미지는 수박팀에 저장한 캡처입니다. 이미지 안에서 스크롤하거나 ‘전체 길이로 펼쳐 보기’를 누르면 하단까지 확인할 수 있습니다.

PROJECT OVERVIEW

무엇을, 어떻게 바꿨나요?

변경한 내용과 실제 전후 화면을 함께 살펴보세요.

01 따뜻한 첫인상02 서비스 일러스트03 사진과 글 정렬04 이미지와 갤러리05 시설 소개06 문의 동선
01

CHANGE 01

환자와 보호자를 맞이하는 따뜻한 첫 화면으로 바꿨습니다

BEFORE · 기존

차가운 푸른 배경과 중앙 시설 사진에 정보가 모여 있었습니다.

기존 따뜻한 첫인상 실제 화면
AFTER · 변경 후

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

변경 후 따뜻한 첫인상 실제 화면

여기를 보세요
같은 시설 사진이 색감·여백·메시지 배치에 따라 어떻게 다르게 느껴지는지 보세요.

02

CHANGE 02

복잡한 돌봄 서비스를 따뜻한 일러스트로 풀었습니다

BEFORE · 기존

간호·호흡·치료·영양 등 여러 서비스를 긴 텍스트 목록으로 보여주었습니다.

기존 서비스 일러스트 실제 화면
AFTER · 변경 후

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

변경 후 서비스 일러스트 실제 화면

여기를 보세요
Patient Services의 그림·서비스명·설명이 일정한 순서로 연결됩니다.

03

CHANGE 03

인물 사진과 소개 글의 기준선을 맞췄습니다

BEFORE · 기존

사진 크기와 소개 영역의 비율이 달라 인물별 정보가 고르게 읽히지 않았습니다.

기존 사진과 글 정렬 실제 화면
AFTER · 변경 후

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

변경 후 사진과 글 정렬 실제 화면

여기를 보세요
각 인물의 사진 위치와 직책·이름·설명 순서를 비교하세요.

04

CHANGE 04

저화질 이미지를 보정하고 사진 배치를 정돈했습니다

BEFORE · 기존

시설 사진의 크기와 세로·가로 비율이 섞여 있어 갤러리의 흐름이 불규칙했습니다.

기존 이미지와 갤러리 실제 화면
AFTER · 변경 후

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

변경 후 이미지와 갤러리 실제 화면

여기를 보세요
실내·정원·외관 사진을 같은 기준의 격자에 배치하고 마지막 행까지 균형을 맞췄습니다.

05

CHANGE 05

시설의 특징과 인증 정보를 차분하게 정리했습니다

BEFORE · 기존

소개 문단과 인증 이미지, 시설 사진이 길게 이어졌습니다.

기존 시설 소개 실제 화면
AFTER · 변경 후

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

변경 후 시설 소개 실제 화면

여기를 보세요
사진과 소개 글이 나란히 놓인 영역, 인증 정보와 시설 외관의 배치를 보세요.

06

CHANGE 06

연락처와 방문 안내를 쉽게 찾도록 만들었습니다

BEFORE · 기존

연락처와 하단 정보가 여러 영역으로 나뉘어 있었습니다.

기존 문의 동선 실제 화면
AFTER · 변경 후

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

변경 후 문의 동선 실제 화면

여기를 보세요
시설을 확인한 뒤 연락하거나 방문 정보를 찾는 흐름이 짧아졌습니다.

SCREEN ARCHIVE

기존 홈페이지 vs 새 홈페이지

기존 6개 페이지와 리뉴얼 7개 페이지의 전체 화면입니다. 캡처 속 버튼·지도는 화면 기록이며 실제 이동 기능은 없습니다.

BEFORE · 6 SCREENS

OLD WEBSITE

기존 주요 6개 페이지입니다. 서비스는 홈에 포함되어 있습니다.

SCREEN 01

홈 · 전체

기존 홈 · 전체 전체 캡처
전체 길이로 펼쳐 보기홈 · 전체 전체 펼침 화면

SCREEN 02

About · 시설 소개

기존 About · 시설 소개 전체 캡처
전체 길이로 펼쳐 보기About · 시설 소개 전체 펼침 화면

SCREEN 03

Our Team · 돌봄 팀

기존 Our Team · 돌봄 팀 전체 캡처
전체 길이로 펼쳐 보기Our Team · 돌봄 팀 전체 펼침 화면

SCREEN 04

Gallery · 시설 사진

기존 Gallery · 시설 사진 전체 캡처
전체 길이로 펼쳐 보기Gallery · 시설 사진 전체 펼침 화면

SCREEN 05

COVID-19 · 안내

기존 COVID-19 · 안내 전체 캡처
전체 길이로 펼쳐 보기COVID-19 · 안내 전체 펼침 화면

SCREEN 06

Contact · 문의

기존 Contact · 문의 전체 캡처
전체 길이로 펼쳐 보기Contact · 문의 전체 펼침 화면

AFTER · 7 SCREENS

NEW WEBSITE

홈과 새 서비스 페이지를 포함한 7개 페이지입니다.

SCREEN 01

홈 · 전체

새 홈 · 전체 전체 캡처
전체 길이로 펼쳐 보기홈 · 전체 전체 펼침 화면

SCREEN 02

Services · 서비스 일러스트

새 Services · 서비스 일러스트 전체 캡처
전체 길이로 펼쳐 보기Services · 서비스 일러스트 전체 펼침 화면

SCREEN 03

About · 시설 소개

새 About · 시설 소개 전체 캡처
전체 길이로 펼쳐 보기About · 시설 소개 전체 펼침 화면

SCREEN 04

Our Team · 돌봄 팀

새 Our Team · 돌봄 팀 전체 캡처
전체 길이로 펼쳐 보기Our Team · 돌봄 팀 전체 펼침 화면

SCREEN 05

Gallery · 시설 사진

새 Gallery · 시설 사진 전체 캡처
전체 길이로 펼쳐 보기Gallery · 시설 사진 전체 펼침 화면

SCREEN 06

COVID-19 · 안내

새 COVID-19 · 안내 전체 캡처
전체 길이로 펼쳐 보기COVID-19 · 안내 전체 펼침 화면

SCREEN 07

Contact · 문의

새 Contact · 문의 전체 캡처
전체 길이로 펼쳐 보기Contact · 문의 전체 펼침 화면

다른 프로젝트도 살펴보세요