Famm案件（サンプルページ）

• コーディング

FammさんのWebデザイン講座を受講すると、卒業後に5件まで案件を受注することができます。

今回はコーディング案件を受注してLP（サンプルページ）を実装しました。

依頼内容

参考ページを提示され、改善案とともに実装してほしい（SP対応は不要）、というご依頼でした。

素材もある程度ご提供いただきましたが、足りなければフリー素材から探して欲しいということでした。

実装のポイント

• 参考ページのファーストビューが文字も含めて全て画像だったので、背景画像を自作し、文字はHTMLで記述するようにした。
• データ量やSEOを考慮し、表などはできるだけ画像からHTMLに置き換えた。
• 画像と文字を横並びにするなど、見やすいようにデザインを工夫した。
• 目立たせたいところに下線を引いたり、吹き出しやカギ括弧などのあしらいを追加した。
• 一部背景色を変えて、単調にならないようにした。
• CTAボタンを目立たせるため大きめにし、ホバーアクションも追加した。

評価

初校から高い評価をいただき、1度の修正のみで納品となりました。

納品時はSP対応不要でしたが、納品後に自分なりにレスポンシブ対応を行い、今回ポートフォリオに追加しました。

ギャラリー