Works
オンライン添削サービス Webサイト
| 担当範囲： |
コーディングからデプロイまで |
|---|---|
| 制作時期： |
2026年3〜4月 |
| 制作時間： |
81時間 |
| 使用ツール： |
Figma / Visual Studio Code / GitHub |
| 使用言語： |
HTML / CSS（SASS）/ JavaScript |
| コメント： |
※本案件は学習用の模擬案件として制作したものです。 デザインカンプは主にPC版のみの提供で、スマートフォン用はファーストビューなど一部に限られていたため、各デバイス幅においても見やすく整うようレスポンシブ対応を行いました。 よくある質問セクションはCSSのみでも実装可能ですが、より自然で快適な操作感となるよう、JavaScriptでアニメーションを付加しています。 ファーストビューのスライドはCSSアニメーションで実装し、導入事例のスライダーにはSwiperを使用しています。 お問い合わせフォームでは入力時の負担軽減と離脱防止を意識し、自動入力機能に対応しています。 |