シャフト株式会社の公式ショッピングサイト。このトップページは、主たる商品のスライド画像がページ上部に配置してあり、4秒ごとに自動でスライドさせています。このスライド画像が、スマホで閲覧した時に、画像下部の丸いアイコンと文字が被っていて、若干ですが見づらく感じました。わずかな違和感も排除したいので、この画像を本日作り直しました。
まず、本日午前中までの画像が、こちら。
決して悪いとは思っていませんが、このデザインを変更しました。
まず、2行の間にある下線を排除。フォントは視認性の高い別のフォントにして、白枠の付与していた効果も排除。文字とメイン画像が被らないようにレイアウトしなおし、画像によっては写真も再選定。さらに各商品のシンボルアイコンを配置することで、視覚的に何の商品か分かりやすいように変更しました。その結果できあがった新デザインがこちら。
ごくわずかな差異かもしれませんが、見やすくなったかと思います。このデザインで、他のすべてのスライド画像も更新いたしました。
スマホでご覧いただいた時も、かなり見やすくなっているかと思います!