대한민국 대표 뷰티앱 화해 웹사이트 분석 리뷰

​

안녕하세요 소프트랩스입니다~!!

오늘의 모바일웹 리뷰를 시작하겠습니다!!ㅎㅎㅎ

오늘 저희가 알아볼 사이트는 화해인데요~!!

눈에 잘 담기는 심플한 디자인과 예쁜 색감이 눈에 띄는 예쁜 사이트입니다~!

많이들 앱은 잘 아시는 데 웹은 잘 모르시더라구요 ㅋㅋ

같이 알아보시죠!!

​

​

https://www.hwahae.co.kr/

 

내가 찾는 모든 뷰티 | 화해

대한민국 1등 뷰티앱 화해.

www.hwahae.co.kr

​

​

​

일단 레이아웃은 굉장히 깔끔하고 볼 게 많다고 할까요?

재밌는 애니메이션 효과를 많이 넣었군요!!

그러면서 화장품 회사라는 느낌도 분명하게 전달하면서 컨셉을 확실히 잡은 것 같습니다.

일단 메인 화면부터 보시면 밝은 민트색 컬러에 아름다운 모델분들이 화장품 시연을 하는 동영상이 풀사이즈 배경으로 채워주고 있습니다.

영상 속 배경도 화해의 컬러와 같은 밝은 민트색이다 보니 확실한 통일감도 느끼게 해주는 것 같습니다.

제품들이나 웹디자인 컨셉으로 봐도 화해는 젊은 소비자를 주 타겟으로 한다는 것을 알 수 있고 정말 예쁜 웹사이트라는 느낌이 듭니다.

제품 광고나 애플리케이션 광고 효과는 확실히 있을 것 같네요!

​

​

메인 페이지에서 내리면 스크롤 이벤트가 들어오는데요!!

스크롤 트리거를 사용한 듯 매끄럽게 내려가면서 뒤에 배경은 조금씩 확대되더라구요

신경을 많이 쓴 부분인 것 같습니다.

이 사이트는 반응형입니다. 모바일도 한번 볼까요??

​

 

모바일에서도 스크롤 트리거가 들어갔습니다.

배경에 동영상은 빠졌군요??

하단엔 앱 다운로드 버튼이 있고 첫 번째 section 부분을 지나가면 사라지게 만들어져 있습니다.

디테일에 많은 신경을 쓰고 있다는 게 느껴지지요

​

​

회사소개 페이지 역시 동일한 방식으로 만들어져 있습니다.

화해라는 회사의 비전이나 목표, 그리고 가치관을 볼 수 있는 페이지입니다.

레이아웃 자체가 깔끔하고 UI를 가독성이 높게 만들어 대충 봐도 무슨 내용인지 알 수 있습니다.

이 페이지 역시 반응형으로 만들어져 필요한 아이템이나 기능들을 손쉽게 알 수 있습니다.

성장 부분 리스트를 눌러볼까요??

​

​

웹에서는 깔끔한 모달창이 노출되고 모바일

역시 컨셉을 유지한 색감에 불필요한 부분들을 배제한 디자인을 엿볼 수 있습니다.

​

​

개인적으로 자동 슬라이드 부분에선 아쉬운 부분이 있는 것 같습니다

일단 앞에서의 퀄리티 높았던 소스 이미지들에 비해 뭔가 크기가

잘린 것 같은 느낌이라 그런지 무의미한 이미지들이라는 느낌입니다.

회사의 내부 인테리어 및 생활을 보여주는 중요한 부분인 것 같은데 말이죠.

슬라이드 페이지네이션 부분도 이미지 하나를 읽지 못하고 넘어가 버리는 느낌입니다.

자세히 보시면 이미지 4장, 페이지네이션 버튼 4개인데 하이라이트 처리가 되는 부분은 3개밖에 없습니다.

자바스크립트 배열 부분에서 문제가 발생한 것 같습니다.

전체적으로 퀄리티가 높은 사이트라 조금 아쉬운 부분인 것 같아요.

​

​

버튼이나 폰트의 크기 등 그 용도와 중요성에 따라 잘 구분되고

사용자 경험에도 매우 좋은 UI들입니다.

이미지로만 봐도 어떤 기능들을 하는지 알 수 있지 않나요??

​

footer는 딱 필요한 정보만 노출하고 있습니다.

회사의 아이콘, 주소, 등등 필요한 정보와 타이틀 및

텍스트의 상하관계는 폰트 크기보단 컬러에 집중해서 차이를 줬습니다.

반응형에도 안성맞춤인 디자인이네요~

​

​

지금까지 화해에 대해 알아봤습니다.

오늘은 웹 사이트에 대해 분석한 포스팅이고 예전 포스팅 중에 화해 앱에 대한 사용법과 분석 포스팅이 있으니

시간 되시면 꼭 찾아가서 확인해보세요!

​

https://blog.naver.com/ideavillage/222265151649

​

​

지금까지 소프트랩스의 모바일웹 UXUI 분석 리뷰였습니다. 읽어주셔서 감사합니다~~

​

​