ハグフラワーズ様(ECサイト)|Web制作実績 スマートフォン対応|スマートフォンサイトWeb制作実績

ハグフラワーズ様
ECサイト

https://www.hugflowers-online.net/

北海道札幌市

PC

SP

Web制作のポイント

ギフト用やオフィス用の生花を販売している、北海道札幌市のHUG FLOWERSモバイル用にEC-CUBEを用いたオンラインショッピングサイトとしてリニューアルいたしました。

こちらのサイトでは、ギフト利用の個人ユーザーをメインターゲットに設定している為、PCとスマートフォンの使用比率を1:9と想定し、モバイルファーストとして設計しております。
スマートフォンでも限られた時間内でCVできるよう使いやすいサイトを意識し、イベント別・スタイル・カラー別・ご予算など目的に応じて商品を探すことができるよう検索機能を充実させ、ユーザービリティを考慮した設計となっております。

設計・デザインのポイント

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

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

Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、オリジナルWebデザイン、PC用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、各種CMS開発、jQueryコーディング、PLESKサーバー、Googleアナリティクス設定、WordPress開発、EC CUBEカスタマイズ開発、アフターサポート

劇的ビフォーアフターはこちら