【2016년 7월 셋째 주】 이번 주 걱정되는 웹 디자인

첫째, 소개.



본래라면 다음과 같은 것을 확실히 생각해야 합니다.
どうやったら使いやすいかな…。どうやったら私たちが提供したい「体験」をしてもらえるのか…。
利用するユーザーさんはどんなシーンで、どのように操作するだろう…。その時に求めているものは何なのか…。
このペルソナ(大きく言うとターゲット)に対しては、こういう設計がいいのか…ダメなのか…。
私たちのWebサイトのゴールである地点まで行ってくれるのか…。(コンバージョンしてくれるのか。)

그러나, 나는 이 기사에서는 단순히 「좋다!」라고 생각한 디자인을 다루겠습니다.
어떤 곳이 좋다고 생각했는지와 함께 다양한 웹 사이트를 재고합니다.

1.도쿄 메트로 「스스 메트로!」( →사이트 보기 )



첫보기는 이런 느낌



컴퓨터에서 보는 방법


여기가 좋다!



고정 개념을 깨는 점

철도 회사의 안전 대책 등의 대처를 이런 디자인, 수법으로 홍보하고 있는 곳이 좋다고 생각했습니다.
이런 정보는 딱딱한 표현이 되기 쉽다고 할까, 엄청난 느낌이 많네요.
그런 가운데, 누구나가 친숙한 캐릭터를 도입해, 전해지기 쉬운 궁리를 하고 있는 점이 몹시 좋다-라고 생각했습니다.

메뉴 디자인

메뉴 버튼을 눌렀을 때의 움직임이나 표시되는 방법, 둘 다 좋다고 생각했습니다.
일반적으로 오른쪽에서 왼쪽으로 슬라이드하여 메뉴가 표시되거나 모달창과 같은 느낌으로 웹사이트를 가리는 타입이 많지만 문이 닫히는 느낌의 표시방법으로 재미있습니다 그래.
게다가 메뉴를 열면 세로폭 Max로 네비게이션을 표시하고 있는 점도 그다지 재미있다고 생각했습니다. 이것은 웹 사이트의 이미지와 일치합니다.
어떤 웹사이트를 만들 때도 사용할 수 있는 디자인이 아니라고 생각합니다만, 사용할 수 있을 때는 사용해 보고 싶네요.

2.후지 식품(→사이트 보기)



첫보기는 이런 느낌



컴퓨터에서 보는 방법


여기가 좋다!



여백 사용법

전체적으로 굉장히 예쁜 여백의 사용법을 하고 있는 인상입니다.

색채가 굉장히 예쁘다

배색도 굉장히 좋네요. 후지 식품 씨의 상품이 묻혀 버리지 않는, 아니 돋보이는 정도의 느낌 이군요.
게다가, 화의 멋이 표현되고 있어 굉장히 좋습니다.

세로 쓰기 문자 사용법, 명조체 사용법

실은 꽤 표현하기 어려운 이 두 가지. 이것을 아무 위화감도 없고, 사이트에 녹아 넣고 있는 것은 테크닉이군요.

3. 주식회사 팜(→사이트보기)



첫보기는 이런 느낌



컴퓨터에서 보는 방법


여기가 좋다!



어떤 회사인지 알기 쉽다!

간단하게 호소합니다. ""목적지"에서 여행을 재미있게 만드는 회사"라고 직접 쓰여 있기 때문에, 매우 알기 쉽네요.
첫 번째 보기에서 확실히 보입니다.

웹 사이트도 "재미있다"

말뿐만 아니라 웹 사이트도 재미 있습니다. 바다와 강 등 물을 이미지하는 디자인으로 스크롤하면 파도처럼 움직입니다.
이런 표현의 방법도 좋네요!

가지고 있는 미디어를 바로 알 수 있다.

흔한 것이 이 회사는 어떤 서비스를 하고 있는 것일 것입니다.
그렇지만, 이 Web 사이트라면 “팜의 미디어”라고 하는 바람에 톱 페이지에 알기 쉽게 기재되어 있으므로, 찾아내지 않고 알 수 있습니다.

요약



이번 주는 3개의 사이트를 픽업해, 어디가 좋다고 생각했는지, 나름대로의 감상을 써 주셨습니다.
Web 사이트를 작성하고 있어, 곤란한 일이 있었을 때, 조금이라도 참고가 되는 스톡이 되면 다행입니다.
다음 주도 꼭 봐 주세요!

좋은 웹페이지 즐겨찾기