DR.MELAXIN CLINIC

이번 프로젝트는 서울 소재 피부과(닥터멜락신의원)의 개원 시점에 사용할 임시 홈페이지를 기획하고 디자인한 작업입니다. 정식 홈페이지가 구축되기 전에도 방문자가 병원의 분위기와 주요 정보, 방문 경로를 확인할 수 있도록 핵심 페이지를 하나의 웹 경험으로 구성했습니다. 피부과 홈페이지에서는 정보 전달만큼 첫 화면에서 형성되는 브랜드 인상이 중요합니다. 원장님의 요청에 따라 우주적인 이미지를 디자인으로 반영하되 단순한 장식에 머물지 않고 병원의 공간 이미지와 콘텐츠를 연결하는 방식으로 활용했습니다. 방문자는 메인페이지에서 병원의 메시지와 주요 시술 카테고리를 확인하고 병원 소개·공간·오시는 길·문의 페이지로 이동할 수 있습니다. 개원 전 임시 홈페이지라는 목적에 맞춰, 필요한 정보를 빠르게 확인하고 상담 또는 방문 준비로 이어질 수 있도록 정보의 순서를 정리했습니다.

메인페이지는 어두운 배경 위에 공간 사진과 빛의 궤적을 배치해 우주적인 분위기를 표현했습니다. 블랙과 딥 네이비를 기본으로 사용하고 곡선 그래픽과 광원 이미지를 더해 브랜드의 첫 장면을 구성했습니다. 시각적인 언어를 메인 비주얼에만 머물지 않고 병원 소개, 공간 소개, 위치 및 문의 페이지의 상단 영역까지 이어지도록 하였습니다. 사용자는 페이지를 이동해도 동일한 브랜드 경험 안에 머물며 정보를 탐색할 수 있습니다.

메인페이지에서는 병원 소개, 주요 시술 카테고리, 진료과정, 위치 정보를 순서대로 배치하고 각 시술 항목은 카드 형태로 구분하였으며 상세페이지에는 시술 주제와 관련 이미지, 설명, 안내 요소를 한 화면 안에서 확인할 수 있도록 구성했습니다. 시술 정보는 긴 문장을 나열하기보다 제목, 이미지, 핵심 설명, 선택 요소를 구분해 배치했습니다. 방문자가 관심 있는 항목을 먼저 찾고 필요한 내용으로 이동할 수 있도록 정보의 위계를 정리했습니다.

모바일 화면에서는 메인 메시지와 주요 시술 카드를 세로 흐름으로 재구성하였으며 소개·공간·오시는 길 페이지는 타이틀과 이미지, 핵심 정보가 순서대로 보이도록 설계했습니다. 작은 화면에서도 병원의 분위기와 안내 내용을 함께 확인할 수 있습니다. 위치 페이지에는 지도와 기본 안내 정보를 배치하고 문의 페이지에는 여러 상담 채널로 연결되는 QR 코드를 구성했습니다. 방문자는 상황에 맞는 경로를 선택해 다음 행동으로 이어갈 수 있습니다.

세컨드크루는 이 프로젝트에서 임시 홈페이지가 단순한 안내 페이지에 그치지 않도록 병원의 첫인상과 정보 탐색 경험을 함께 설계했습니다. 우주적 분위기를 시각적인 언어로 일관되게 적용하고 방문자가 병원 소개부터 시술 정보, 위치와 문의까지 자연스럽게 이동할 수 있도록 구성했습니다.