【2016년 7월 4주】 이번 주에 신경이 쓰이는 웹 디자인

첫째, 시작



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

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

1.잠자리 연필(→사이트 보기)



첫보기는 이런 느낌





여기가 좋다!



원하는 것을 찾기 쉽습니다. 이미지를 가득 사용하고 있다.

문구 메이커에서는, 그 밖에는 본 적이 없네요.
이렇게 큰 이미지로 확실히 새로운 제품, 스테디셀러 제품을 게재해 주기 때문에, 문방구가 필요합니다.

찾기 쉬운 글로벌 네비게이션

문자뿐만 아니라 이미지도 크게 표시되어 직관적으로 찾기 쉬운 글로벌 네비게이션이라고 느꼈습니다.

2. 암코 클리닉(→사이트 보기)



첫보기는 이런 느낌





여기가 좋다!



그래, 정말 병원? 생각하게하는 디자인

첫째, 첫인상이 매우 친숙하다고 생각되지 않을까요?
어떤 병원일 거라고 생각하고, 웹사이트를 보면, 뭔가 이 병원은 다른 것과는 다르다고 하는 인상을 가질 수 있지요.
거기가 매우 좋다고 생각했습니다.
왜냐하면, 병원이라고 하면, 「가능하면 가고 싶지 않다」 「단단하다」라고 하는 인상을 가지고 있는 분도 적지 않다고 생각합니다.
그것을 뒤집는 것으로, 「가고 싶은 병원」으로 이어지는, 처음의 한 걸음이 된다고 생각했습니다.

어쨌든 현장이 잘 보입니다.

이 웹 사이트는 어쨌든 사진이 많이 사용됩니다.
처음 가는 병원은 불안하네요. 그런 불안이 조금은 가벼워지지 않을까요?
「굉장히 상냥할 것 같다」 「안심할 수 있다」등의 기분이 나옵니다.
그런 표현을 하고 있는 곳이 몹시 좋다고 생각했습니다.

3. 다이쇼 대학(→사이트 보기)



첫보기는 이런 느낌





여기가 좋다!



보고 싶은 정보를 바로 볼 수 있는 글로벌 네비게이션

흔한 글로벌 네비게이션이라고 보고 싶은 정보를 찾는 데 어려움을 겪은 경험은 없을까요?
하지만 이 다이쇼 대학 씨의 웹 사이트에서는 이미지도 포함한 큰 표시로 찾기 쉽습니다.
정보의 정리에 대해서도 매우 알기 쉽습니다.

중요한 것을 놓치지 마라. 묻히지 않는 디자인.

정보가 엉망이 아니고, 색상도 분명하고 있기 때문에 중요한 내용을 놓치지 않습니다.
전체적으로 일관되고, 묻히지 않는 설계를 하고 있지요.

요약



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

좋은 웹페이지 즐겨찾기