ハグフラワーズ様（ECサイト）｜Web制作実績 レスポンシブ対応｜制作実績

さまざまな年代や性別のユーザーにもご利用いただきやすいよう、検索機能を充実させたことがポイントです。「イベント・目的」「スタイル」「ご予算」「雰囲気」「モチーフカラー」の５つの項目を選択するだけで、目的に沿ったお花をすぐに見つけることができます。また、各導線にピクトグラムや写真を配置することで、ユーザーが感覚的にスムーズに操作していただくことで、よりＣＶできるよう設計いたしました。

ギフト利用の個人ユーザーをメインターゲットに設定している為、PCとスマートフォンの使用比率を１:９と想定し、モバイルファーストとして設計しております。

スマートフォンでも限られた時間内でCVできるよう使いやすいサイトを意識し、イベント別・スタイル・カラー別・ご予算など目的に応じて商品を探すことができるよう検索機能を充実させ、ユーザービリティを考慮した設計となっております。

さらに、モバイル用サイトではユーザーが一目で認識できるよう訴求したいコンテンツを優先順位順に配置したことがポイントです。例えば、メインビジュアル画面いっぱいに季節ごとの「特集」を配置したり、そのすぐ下セカンドビューに「用途に応じた検索機能」を配置することで、クライアントの求める優先度を高め、ユーザービリティを最大限に考慮し、スマートフォンでも購入しやすい設計にしました。

デザイン面では、シンプルなホワイトとグレーをメインカラーに、ロゴに合わせたターコイズブルーをアクセントカラーとして使用しております。文字サイズやアイコンを小さめに配置し、説明文など不要な箇所をそぎ落とすことで、お花の写真がより綺麗に映えるよう工夫いたしました。

システム面では、季節やイベントに最適な商品を紹介する「特集」ページをオリジナルのCMSで自社開発しました。こちらのCMSでは、「季節イベント」や「ギフト」など発信する記事のテーマに合わせて自由にカテゴリー分けできるため、多くの情報をジャンルごとに整理しながらホームページを運用できるシステム設計となっております。