JMS小倉 東京オフィス　サイト全面リニューアル

monmari
WEBデザイナー＆コーダー
OVERVIEW

担当：デザイン＆コーディング　依頼内容：結婚相談所サイトの7ページ全面リニューアル。　制作内容：ペルソナ、カスタマージャーニーマップ、ワイヤーフレーム、カンプ作成。SCSSやGitを使用してコーディング、レスポンシブ化。WorkPressのテーマ作成。

YEAR 2018 - 2018

TOP


ご成婚までの流れ


お問い合わせ



初期デザインのカンプをレビューしてもらったところ、結婚相談したいとは思えない、登録する動機になる説得力がないと評価される。


原因
そもそも参考にしている同業他社サイトのデザインがいまひとつだから、参考にするところを変えるべきと言われる。


改善

結婚式場や出会い系アプリのサイトなど、似た業種の会社で明るく落ち着いたイメージのサイトを目標に設定しデザインし直す。


HTMLの文法構造がおかしい。タグとコンテンツ内容が合致していないのでGoogleの評価が得られにくいと指摘される。


原因
分かっているようで分かっていなかった文法構造。


改善

まとめサイトだけではなくW3Cの仕様書のチェックを必ずする。



使用ツール：Photoshop, Illustrator, XD, HTML, SCSS, Git, SourceTree, XAMPP

デザインをなるべくCSSで再現。

HTMLとSCSSで作成→クライアントOK→WordPress化　の流れで行った。

WP化に苦労した。元々あったブログをリニューアル後のトンマナに合わせる変更でエラー多発するも、クライアントに納品することができた。


リニューアル前のTOPページ


WEBSITE