Go Web Site

Plastic Surgery

성형외과 반응형 웹 사이트 디자인

Overview

실제 사용을 위해 리뉴얼 목적으로 제작된 그누보드 기반의 반응형 웹 사이트입니다. 메인 페이지와 서브 페이지의 디자인과 하드코딩 작업을 하였고, 배너 및 일부 상세 이미지의 제작과 외국어 사이트 업로드 작업을 하였습니다.

Used Program

  • Ps
  • Ai
  • [ ]

Photoshop CS6 : 사용된 모든 이미지 제작 작업
Illustrator CS6 : 아이콘 및 벡터 이미지 작업
Brackets : 그누보드를 기반으로 HTML/CSS를 사용하여 웹 사이트 제작

Concept

신뢰할 수 있고 세련됐으며 안정적인 이미지를 추구하였습니다. 'White'와 'Green' 계열의 색상을 통해 신뢰할 수 있으며 심플하고 깔끔한 스타일로 표현하였습니다.

Typography

본고딕(Noto Sans CJK)

Color

  • #c2e078
  • #50b8b4

Plastic Surgery

성형외과 반응형 웹 사이트

Design Story

깔끔하고 신뢰를 줄 수 있는 이미지를 위해 전체적으로 화이트 톤에 그린 계열의 키 컬러 색상을 그라데이션하여 디자인하였습니다. 인트로 이미지와 배너는 슬라이딩 형식을 사용하여 많은 정보를 제공하고자 하였고, 메인 화면에 지도를 배치하여 정보의 접근이 쉽도록 하였습니다. 또한 실제 작성 가능한 게시판을 배치하여 고객과의 소통이 가능하도록 하였고, 우측 퀵 메뉴와 하단의 네비게이션을 추가하여 사용이 편리하도록 하였습니다.

모바일 성형외과 메인 페이지 태블릿 성형외과 메인 페이지 PC 성형외과 메인 페이지

Sub Page

모바일 성형외과 서브 페이지 태블릿 성형외과 서브 페이지 PC 성형외과 서브 페이지
탑 버튼
다크 모드 버튼
라이트 모드 버튼