デザイン制作期間: 3日
TOPページコーディング修正: 1日
他ページ(プランページ、利用規約、お問い合わせ)コーディング期間: 2日
制作使用ツール:Figma・Sass,VScode・Google Meet・Slack
概要
Saas型業務効率化ツールのLP(ランディング)ページ
課題
LPのTOPページが既に作成済みの状態でしたが、そこからシステムに変更が生じ内容を大幅に変更する必要がありました。
さらに、レスポンシブコーディングに失敗していたため、デザインとはデザインイメージが異なった状態(主に過剰な拡大によりバランス崩れ)。
他、デザインのあてはまっていないお問い合わせページと利用規約が存在している状態でした。
解決策
TOPページは他社競合と比較し、直した方が良い箇所を指摘及びご提案をさせていただき、作成済みのものを大幅に改修いたしました。
プランのページは新たに、プランが一目でわかるように、設計・文言のライティング〜デザインを作成いたしました。
（下記デザイン画のよくある質問の文言はダミーですが、実際にはコーディング時に原稿を挿入しています。）
他、お問い合わせページ、お問い合わせ完了ページ、利用規約のページをデザイン。
コーディングもレスポンシブが正しく動作していなかった為、組み直し改修いたしました。
SEOを考慮し、ページが軽量になるようにcss(sass)を分割するなど、ページ単位に工夫を施しています。webp対応で表示速度向上、アコーディオン部分はcssのみで軽量実装を施しています。
結果
短期間での改修でクライアントも驚きと喜びでリリースまでに修正したサイトを公開することに成功。たくさんのお褒めの言葉をいただきました。
サイトURL https://flowzoo.site/
