Famm案件
- コーディング
FammさんのWebデザイン講座を受講すると、卒業後に5件まで案件を受注することができます。
今回はコーディング案件を受注してLPを実装しました。
依頼内容
参考ページを提示され、改善案とともに実装してほしい（SP対応は不要）、というご依頼でした。
素材もある程度ご提供いただきましたが、足りなければフリー素材から探して欲しいということでした。
実装のポイント
- 参考ページのファーストビューが文字も含めて全て画像だったので、背景画像を自作し、文字はHTMLで記述するようにした。
- データ量やSEOを考慮し、表などはできるだけ画像からHTMLに置き換えた。
- 画像と文字を横並びにするなど、見やすいようにデザインを工夫した。
- 目立たせたいところに下線を引いたり、吹き出しやカギ括弧などのあしらいを追加した。
- 一部背景色を変えて、単調にならないようにした。
- CTAボタンを目立たせるため大きめにし、ホバーアクションも追加した。
評価
初校から高い評価をいただき、1度の修正のみで納品となりました。
納品時はSP対応不要でしたが、納品後に自分なりにレスポンシブ対応を行い、今回ポートフォリオに追加しました。
