【34】 ｜ TEPRA PRO ｜ ＃1日1サイトレビュー
▷概要
・スマホと繋いで簡単にラベルを作成できる「MARK」の紹介サイト
▷印象
・これまでにない新しい商品であり、新しい体験を生み出すものなので余白をうまく使ったシンプルな印象
・背景色では黒を使わないことや、商品の形と同じように写真の縁を角丸にすることでサイト全体として柔らかい印象になっている
・トップの画面全体に表示される写真から、テキストで余白の多いページの強弱が洗練された印象を受ける
・実際の使用中の写真を載せることでイメージが湧きやすい
・詳細に飛ぶボタンが普段見ているサイトだと→このマークが多いが、本サイトでは↗︎この斜め上を向いた矢印が使用されているが、何を意図しているかはわからない
▷特徴
・見出しの英字が縦書き
・写真が横に並んでいる部分に関して、ドラッグして横の写真も見れるというカーソルが表示されわかりやすい
・メニューバーはクリックすると下から全画面表示で現れ、目次とアプリの紹介が半分ずつの割合で表示される
・プロダクトの商品紹介ページにある、自動で商品の全体を見れる写真が、自分の現在地と移動までの残り時間が表示されるので、非常にわかりやすいし、ユーザーのことを考えていることがわかる
▷配色
・メインカラー：#cba671
・テキスト：#1a1a1a、#ffffff、#000000
・背景： #ffffff 、#464646、#c4c4c4
▷フォント
・日本語：Noto Sans JP
・英字：Lato
この記事が気に入ったらサポートをしてみませんか？