(株)ZUGA 2021年2月~2021年3月 【スーリールファム】
DESKTOP
【担当】
webサイトの進行管理、ワイヤー、デザイン、wordpressの構築まで担当しました。
その他:テキストは、お客様にご用意して頂きました。
【プロジェクトの説明】
■事業内容
スーリールファムは、女性を中心に地域の人々を繋ぐための、イベントの企画や事業支援を行っています。
■リニューアル前の状況
改善を含めたリニューアルになります。
元々はHTMLで作成されており、スマートフォン対応はしていません。
デザインも古めかしい雰囲気で、お問い合わせフォームも打ちにくい状況になっていました。
■お客様からの要望
メインターゲット:40代女性。
デザイン:女性らしさ、ガーリー。
その他:お問い合わせの数、ワイヤー・デザインの見直し、お知らせを簡単に更新出来る事が要望です。
■こちらからの提案
下記の内容を改善する事を提案しました。
- Topページに表示しているコンテンツが少なく、業務内容が分かりにくい事と、各ページの頭文字が大きく表示されているが、遷移しないと内容が分からない点が、離脱に繋がりやすい。
- お問い合わせボタンが隅にあるため、気づきにくい。
- イベント運営をしているが、写真が少ないためイメージしにくい。
- デザインが単調でメリハリがない。
- 各ページに同線がない。
- レポートのページの内容が分かりにくい。
- お問い合わせ、賛助会員のお問い合わせ、チケットのお申し込みの入力内容は違うのに、無理に同じフォームを使用している。
下記は改善後になります。
- Topページにメインになるコンテンツを表示させ、画像と説明文を追加する事で、遷移する前に何のコンテンツかイメージしやすくしました。
- お問い合わせボタンが目立つ様にヘッダーに配置しました。
- フォトギャラリーを追加し、コンテンツの中にも写真を散りばめました。
- ロゴの中にある花を、コンテンツの中にも取り入れて一体感を表現した事と、各セクションにメリハリのあるデザインを入れる事で、見やすくしました。また素材に関しては、大人っぽくガーリーな物を選びました。
- 各ページに必要な同線を追加しました。
- レポートのページのコンテンツをカテゴリー分けにし、説明文を入れる事で内容を分かりやすくしました。
- お問い合わせ、賛助会員のお問い合わせ、チケットのお申し込みのフォームを分ける事で、スムーズに入力が出来る様にしました。
また、フォームの上部に同線を設置する事で、他のお問い合わせページを認識出来る様にした事と、下部に念のため注意事項を記載しました。
■使用スキル
Photoshop / Illustrator / XD / HTML / css / wordpress / jQuery
リニューアル前
DESKTOP
Topページ
下層ページ:NPO法人スーリールファムとは (About us)
下層ページ:スーリールファム通信 (Report)
下層ページ:Partner (賛助会員について)
Topページ
下層ページ:NPO法人スーリールファムとは (About us)
下層ページ:スーリールファム通信 (Report)
下層ページ:Partner (賛助会員について)
下層ページ:NPO法人スーリールファムとは (About us)
下層ページ:スーリールファム通信 (Report)
下層ページ:Partner (賛助会員について)