UPDATE:2021.12.24
- CATEGORY
サイトのリニューアルについて
Contents
アプリコットのサイトがリニューアル公開されて4日経ちました!
実は私がコーディングの担当をさせていただきまして、この4日間ハラハラしております;
「検索順位が下がったらどうしよう・・・私の責任だ・・・」
「エラー出たらどうしよう・・・私の責任だ・・・」
他の仕事をしていても、突然この不安に駆られてしまいます(;;)
「こんな素敵なサイトを作る会社に、自社のサイトも作って欲しい!」
とおっしゃっていただける方に、届いてほしいと願っております(;;)
今回は、私が是非見てほしいポイントをお伝えしたいと思います!
ユーザーのストレスを減らしたい
アニメーションを見直す
アプリコットのサイトを初見でご依頼いただく方は少ないかなー?と思い、コンテンツに早くたどり着けるように、フェードイン(スクロールしたらゆっくり表示されるアニメーション)の見せ方を辞めました。
フワフワしていて優しいサイトに見えるし、アプリコットのキャラクターのわたぼおにもピッタリな動きですが、毎日見ていただくサイトにしたかったので、動きは減らし、ご覧いただく方のスクロールでコンテンツが見えた方がいいな・・・と、泣く泣く減らした部分です。
スライダーは便利だけど、ストレスになりかねない…
ファーストビューに出てくるイメージは、【①綿毛 ▶ ②PC ▶ ③ゆかさんの仕事風景(手元)】になっています。
ゆっくり画像が動いていて素敵ですよね!
しかし、TOPページのスタッフ一覧が同じ動きだと、矢印ボタン押すたびにゆっくりすぎてストレスを感じます。
・何名いるのか(スライドをループさせない)
ユーザーのストレスとは
コンテンツが多ければ多いほど、ユーザーにストレスを与えるサイトになります。
私自身、よく見るサイトが、とにかくコンテンツにたどり着くのが早くてシンプル、スライドの秒数も少ないなど・・・
ヘビーユーザーとしても使いやすかったので、取り入れてみました。
一目で「スクロールできる」、「1クリックでページたどりつける」など・・・
端から端まで見ていただきたいので、ページ数が多い分、なるべく「シンプル」を心がけました。
シンプルだけど、こだわりたい
ポインターにアイコン
アプリコットデザインは「シアワセ」を届け、「シアワセ」をつなげる会社です。
お客さまの魅力をデザインでお伝えしています。
ワタゲのようにどこまでも飛んでいく・・・をイメージし、ポインター👆をお客様、ワタゲをアプリコットデザインに見立て、寄り添うようにしました。
スクロールバー
右に表示される「スクロールバー」
ページの長さがどのぐらいあるかわかる、重要なバーです。
デフォルトでも気にならないですが、デザインを統一させたかったので、デザインしました。
セレクタ
文字など、範囲指定した際に色が変わる箇所です。
デフォルトは青背景に白文字ですが、こちらをグリーンの背景に白文字にしました。
「こだわりたい」箇所は、残念ながらスマホでは適用されていません・・・
とても悩ましいですが、スマホでご覧の方は、是非パソコンでも見ていただきたいです!!
まとめ
「ユーザーのストレスを減らしたい」「シンプルだけど、こだわりたい」の2点について書かせていただきましたが、他にも「アプリコットの社員にわかるような管理画面」にするなど、様々なことを意識して作成しました。
気づきづらい部分が多かったかもしれませんが、ファンになるまでの過程を考えて、私の想いを載せたサイト構成になっています。
多くの方に届くサイトに成長するように育てたいと思います!