....

퀵메뉴
!%<@}#*&

SOFWAVE
Design, Publishing
development

ux ui dESIGN

@2023

SOFWAVE

Today’s technology is tomorrow’s medicine

리프팅계의 웨이브 소프웨이브

Overview
소프웨이브는 미국 FDA 승인을 받은 의료기기로, 쿨링시스템을 통해 피부 손상 없이 탄력을 개선해 준다는
강점을 가지고 있습니다. 소프웨이브 홈페이지의 경우 의료기기 소개와 홍보를 목적으로 하는 만큼 소프웨이브가
가지고 있는 장점, 차별점 등을 강조하기 위한 다양한 텍스트 모션, 포인트 컬러를 사용한 화려한 디자인, 영상과
사진의 활용도를 최대한으로 높인 레이아웃 구성으로 홈페이지를 완성시켰습니다.
view site

(sofwave)

Mobile Design

모바일

(mobile design)

#line
#machine
기계
#wave
파도
#trust
신뢰
#motion
모션
#advertisement
광고
#text
텍스트

(point)

Tone & Fonts
소프웨이브는 의료기기를 홍보하는 사이트인 만큼 폰트와 색상에 중점을 두었습니다.
가독성을 높이기 위해 블랙 배경에 화이트 폰트를 활용하였으며, 소프웨이브 로고의 포인트 색상을
활용하여 푸른색을 포인트 컬러로 선택하여 아이덴티티를 유지하였습니다. 사용자에게 홍보를
직관적이고 명확하게 전달하기 위해 폰트의 간격, 두께, 크기에 디테일을 주었습니다. 영문 폰트에도
세리프 서체와 산세리프 서체를 조화롭게 사용하여 사이트가 트렌디할 수 있도록 기획하였습니다.

Color

(Sky blue)

R0 G204 B255
C66 M0 Y4 K0
#00ccff

Fonts

Ab
Roboto
Pretendard

Color

(Black)

R0 G0 B0
C93 M88 Y89 K80
#000000

Gradation
Color.

Object & Icon
(point)

라운드 오브젝트에 해당 내용을 배치하여 주목성을 높이고 트렌디한 레이아웃으로 구성하였습니다. 사용자에게 직관적으로 내용을 전달하기 위해 깔끔하고 정리된 아이콘으로 해당 서비스 내용을 전달합니다.

Object
라운드 오브젝트를 활용한 콘텐츠 전달
콜라겐과 탄력섬유생성
보도자료
Icon
직관적인 아이콘 디자인
정보찾기
위치확인
전화번호
(content design)
아이덴티티 활용
모션으로 주목성 UP!
Content design
해당 섹션은 리프팅 기계 홍보 목적 중심으로 기획하였습니다. 관련 이미지를 활용하여 주목성을 높였으며,
리프팅 기계가 실행되는 듯한 모션을 활용하여 사용자의 시선을 집중시키며, 생동감을 전달할 수 있도록 구성하였습니다.
관련 영상을 하단에 배치하여 기업의 신뢰도 및 홍보성을 높였습니다. 사이드에 병원 찾기 및 데모 예약 퀵 메뉴를
배치하여 사용자의 편의성을 고려하였습니다. 미디어 및 문의하기 레이아웃은 사용자에게 명확하게 다가갈 수 있는
레이아웃으로 구성하여 정보를 전달합니다. 중간에 포인트 컬러를 적극적으로 활용하여 디자인이
단조로워 보이지 않도록 구성하여 디자인을 마무리하였습니다.

sofwave design sofwave design sofwave design sofwave design sofwave design sofwave design

sofwave
mobile design

(sofwave)

(mobile design)

sofwave
mobile design

SOFWAVE
Design, Publishing
development

sUB DESIGN

백그라운드
리스트로 가기
잇다소프트의
포트폴리오를 확인하세요
혁신적인 디자인혁신적인 디자인으로 홈페이지를 크리에이티브홈페이지를 크리에이티브하게 변화시킵니다.