(株)ZUGA 2021年2月~2021年3月 【スーリールファム】

DESKTOP

【担当】
webサイトの進行管理、ワイヤー、デザイン、wordpressの構築まで担当しました。
その他:テキストは、お客様にご用意して頂きました。

【プロジェクトの説明】
■事業内容
スーリールファムは、女性を中心に地域の人々を繋ぐための、イベントの企画や事業支援を行っています。

■リニューアル前の状況
改善を含めたリニューアルになります。
元々はHTMLで作成されており、スマートフォン対応はしていません。
デザインも古めかしい雰囲気で、お問い合わせフォームも打ちにくい状況になっていました。

■お客様からの要望
メインターゲット:40代女性。
デザイン:女性らしさ、ガーリー。
その他:お問い合わせの数、ワイヤー・デザインの見直し、お知らせを簡単に更新出来る事が要望です。

■こちらからの提案

下記の内容を改善する事を提案しました。

  1. Topページに表示しているコンテンツが少なく、業務内容が分かりにくい事と、各ページの頭文字が大きく表示されているが、遷移しないと内容が分からない点が、離脱に繋がりやすい。
  2. お問い合わせボタンが隅にあるため、気づきにくい。
  3. イベント運営をしているが、写真が少ないためイメージしにくい。
  4. デザインが単調でメリハリがない。
  5. 各ページに同線がない。
  6. レポートのページの内容が分かりにくい。
  7. お問い合わせ、賛助会員のお問い合わせ、チケットのお申し込みの入力内容は違うのに、無理に同じフォームを使用している。

下記は改善後になります。

  1. Topページにメインになるコンテンツを表示させ、画像と説明文を追加する事で、遷移する前に何のコンテンツかイメージしやすくしました。
  2. お問い合わせボタンが目立つ様にヘッダーに配置しました。
  3. フォトギャラリーを追加し、コンテンツの中にも写真を散りばめました。
  4. ロゴの中にある花を、コンテンツの中にも取り入れて一体感を表現した事と、各セクションにメリハリのあるデザインを入れる事で、見やすくしました。また素材に関しては、大人っぽくガーリーな物を選びました。
  5. 各ページに必要な同線を追加しました。
  6. レポートのページのコンテンツをカテゴリー分けにし、説明文を入れる事で内容を分かりやすくしました。
  7. お問い合わせ、賛助会員のお問い合わせ、チケットのお申し込みのフォームを分ける事で、スムーズに入力が出来る様にしました。
    また、フォームの上部に同線を設置する事で、他のお問い合わせページを認識出来る様にした事と、下部に念のため注意事項を記載しました。

■使用スキル
Photoshop / Illustrator / XD / HTML / css / wordpress / jQuery

http://sourirefemme.or.jp

リニューアル前

DESKTOP

Topページ

下層ページ:NPO法人スーリールファムとは (About us)

下層ページ:スーリールファム通信 (Report)

下層ページ:Partner (賛助会員について)