サイトのリニューアルについて

UPDATE：2021.12.24

Contents

アプリコットのサイトがリニューアル公開されて4日経ちました！

実は私がコーディングの担当をさせていただきまして、この4日間ハラハラしております；

「検索順位が下がったらどうしよう・・・私の責任だ・・・」

「エラー出たらどうしよう・・・私の責任だ・・・」

他の仕事をしていても、突然この不安に駆られてしまいます(；；)

「こんな素敵なサイトを作る会社に、自社のサイトも作って欲しい！」

とおっしゃっていただける方に、届いてほしいと願っております(；；)

今回は、私が是非見てほしいポイントをお伝えしたいと思います！

アプリコットのサイトを初見でご依頼いただく方は少ないかなー？と思い、コンテンツに早くたどり着けるように、フェードイン（スクロールしたらゆっくり表示されるアニメーション）の見せ方を辞めました。

フワフワしていて優しいサイトに見えるし、アプリコットのキャラクターのわたぼおにもピッタリな動きですが、毎日見ていただくサイトにしたかったので、動きは減らし、ご覧いただく方のスクロールでコンテンツが見えた方がいいな・・・と、泣く泣く減らした部分です。

ファーストビューに出てくるイメージは、【①綿毛 ▶ ②PC ▶ ③ゆかさんの仕事風景（手元）】になっています。

ゆっくり画像が動いていて素敵ですよね！

しかし、TOPページのスタッフ一覧が同じ動きだと、矢印ボタン押すたびにゆっくりすぎてストレスを感じます。

・何名いるのか（スライドをループさせない）

・何度もクリックさせないために、矢印ボタンに隠れていないスタッフは、1クリックでスライドさせる

こちらを意識してスライダーを設定しました。

コンテンツが多ければ多いほど、ユーザーにストレスを与えるサイトになります。

私自身、よく見るサイトが、とにかくコンテンツにたどり着くのが早くてシンプル、スライドの秒数も少ないなど・・・

ヘビーユーザーとしても使いやすかったので、取り入れてみました。

一目で「スクロールできる」、「1クリックでページたどりつける」など・・・

端から端まで見ていただきたいので、ページ数が多い分、なるべく「シンプル」を心がけました。

アプリコットデザインは「シアワセ」を届け、「シアワセ」をつなげる会社です。

お客さまの魅力をデザインでお伝えしています。

ワタゲのようにどこまでも飛んでいく・・・をイメージし、ポインター👆をお客様、ワタゲをアプリコットデザインに見立て、寄り添うようにしました。

右に表示される「スクロールバー」

ページの長さがどのぐらいあるかわかる、重要なバーです。

デフォルトでも気にならないですが、デザインを統一させたかったので、デザインしました。

文字など、範囲指定した際に色が変わる箇所です。

デフォルトは青背景に白文字ですが、こちらをグリーンの背景に白文字にしました。

「こだわりたい」箇所は、残念ながらスマホでは適用されていません・・・

とても悩ましいですが、スマホでご覧の方は、是非パソコンでも見ていただきたいです！！

「ユーザーのストレスを減らしたい」「シンプルだけど、こだわりたい」の2点について書かせていただきましたが、他にも「アプリコットの社員にわかるような管理画面」にするなど、様々なことを意識して作成しました。

気づきづらい部分が多かったかもしれませんが、ファンになるまでの過程を考えて、私の想いを載せたサイト構成になっています。

多くの方に届くサイトに成長するように育てたいと思います！

ブログ