WORKS / CORDING

FammママWebデザイン講座の募集ページのコーディング

「Fammママ専用スクールのLP」を参考にした上での改善案を盛り込んだコーディング。見出しは大きくし、背景色や装飾を加えて強調。基本の文字サイズも20pxと大きめに設定し、可読性を向上させました。ページが長いため、ヘッダーとナビゲーションを固定し、いつでもトップや各セクションに移動できるようにしました。Q&Aはアコーディオン形式を採用し、スムーズに情報を取得できるよう工夫しました。
※こちらはデモページです。

税理士事務所のページのコーディング

デザインデータを元にコーディングし、「会社概要」のページの作成を行いました。デザインデータのサイズ・色等を忠実に表現できるよう注意しました。スマホ対応時はナビゲーションをハンバーガーメニューで表示させるようにしました。
※こちらはデモページです。

コワーキングスペースのページのコーディング

デザインデータを元にコーディングし、適切な写真を選定し配置しました。デザインの再現性を重視しつつ、ボタンのホバーアニメーションには滑らかな動きを取り入れ、視覚的な心地よさと直感的な操作性を向上させる工夫を施しました。
※こちらはデモページです。