'샌드박스' 모바일 웹 리뷰

​

안녕하세요 :) 알씨타운입니다.

10년 전만 해도 유튜버라는 직업은 생소했는데

유튜브 크리에이터라는 직업은 이제 너무 유명하고

많은 초등학생이 꿈꾸는 직업 중의 하나가 되었습니다.

​

​

크리에이터 소속사 샌드박스의

웹 모바일 리뷰를 해보려고 합니다.

​

​

​

https://sandbox.co.kr/

크리에이터들과 함께 세상을 즐겁게 만들어 나가는 MCN 업계 대표 디지털 엔터테인먼트 기업

sandbox.co.kr

 

​

​

---

메인페이지

pc 화면에서 볼 때, 스크롤 이벤트가 많은데,

​

맨 처음 보이는 슬라이드 이미지가

스크롤 되어 가려지게 되면

이미지는 오른쪽으로 밀려들어가고,

타이틀 글자가 사라지는 효과를 주었습니다.

​

오른쪽의 클릭 버튼은

자바스크립트로 동적인 요소를

더욱 풍부하게 표현할 수 있도록하는

canvas로 이루어져있는데

스크롤 되면서 박스의 크기가 작아지면서

한 개의 박스로만 노출됨을 알 수 있습니다.

​

top 버튼은 어느 지점에 도달하면

top 버튼이 노출되는 이벤트가 걸려있습니다.

 

웹 모바일에서는 심플하지만,

균형 있는 디자인을 보여주고 있습니다.

로고와 햄버거 메뉴/

슬라이드 크기 또한 적절히 배치되어있습니다.

​

 

 

 

 

 

---

햄버거 메뉴

햄버거 메뉴가 나타날 때,

페이지 이동처럼 위에서부터 아래로 나타나는

효과를 보여줍니다.

​

햄버거 메뉴는 심플한 레이아웃을 가지고 있습니다.

확실한 구분선 대신

대메뉴와 소메뉴의 색상을 다르게 하여

구분을 하고 있어 더욱 심플하게 보입니다.

​

통일성 있는 sns 아이콘도 돋보입니다.

​

---

팝업페이지

 

 

프로필 보기 버튼을 누르면

전체를 덮는 팝업으로 프로필이 나오면서

정렬된 정보를 확인 할 수 있습니다.

메인페이지의 화려한 색감과 달리

많은 정보가 노출되고 있어

흰색 배경에 심플한 구성을 한 것으로 보입니다.

​

​

---

배열

​

(빨간 글씨로 표시한 것이 "pc 버전"

파란 글씨로 표시한 것이 "모바일 버전"입니다.)

​

샌드박스의 특징 중에 도드라지는 부분은

화려한 색감도 있지만,

배열의 다양함과 육각형 도형으로 주는 통일성입니다.

​

어떤 정보를 제공하는지,

정보의 제공량에 따라 배열을 각각 다르게 표현하고 있습니다.

​

​

​

프로필은 순서 나열보다는 인원이 최대한 많이

노출될 수 있는 방법의 배치를

한 것으로 보입니다.

​

​

순서가 중요한 배열에서는

육각형의 특징을 살려 면이 맞닿게 배치하여

독특한 나열 방식으로 노출되게

하였습니다.

​

​

​

샌드박스는 색상과 도형의 통일성을 주고,

다양한 효과들과 다양한 배열을 씀으로써

사람들에게 시각적인 재미를 주는 사이트라고 생각이 들었습니다.

​

이상 :) 알씨타운이었습니다.~