UWANO動画デザイン様
サイトURL：https://uwanodd.com
概要
制作期間
2025年１月～2025年２月
担当業務・役割
・ホームページの新規制作（デザイン〜公開まで一貫対応）
・参考資料をもとにしたデザイン設計およびクライアント要望への反映
・HTML／CSSによるコーディング
・JavaScriptによる動的表現の実装
・PHPを用いたお問い合わせフォームの実装
・レスポンシブ対応（PC／スマートフォン）
・公開作業および表示・動作確認
・Illustratorを用いたWebデザイン作成
習得スキル
・HTML／CSSによるWebサイト制作
・JavaScriptによる動的コンテンツの実装
・PHP（お問い合わせフォームの作成・送信処理）
・Illustratorを用いたWebデザイン制作
・参考デザインをもとにしたレイアウト設計・調整
・レスポンシブデザイン対応
・Webサイトの新規構築および公開対応
制作背景・目的
本サイトは、Web制作の学習を始めてから初めて制作したWebサイトです。
クライアントからは、「師匠のサイトの雰囲気に近づけたい」という要望があり、デザインのレイアウト構成を参考サイトをもとに検討しました。
トーンや配色は、クライアントの要望により名刺の配色に合わせて製作しました。
本案件では、デザイン制作からコーディング、サイト公開までをすべて一人で担当し、Webサイト制作の一連の流れを実践的に学ぶことを目的として取り組みました。
単に見た目を整えるだけでなく、実際に閲覧するユーザーにとって分かりやすく、印象に残るサイトになることを意識して制作しています。
工夫した点
デザイン面では、参考サイトの雰囲気を意識しつつ、配色や余白、フォントの使い方を調整し、全体の統一感を重視しました。
実装面では、HTML / CSS をベースに、jQueryを用いて動きのある演出を取り入れ、スクロールや操作に対して視覚的な変化が生まれるよう工夫しています。
また、初めての制作であったため、デザイン → コーディング → 動作確認 → 公開までの工程を丁寧に進め、不具合が出た場合は一つずつ原因を調べながら修正を行いました。
本制作を通して、技術面だけでなく「要望を形にするための考え方」や「最後までやり切る力」を身につけることができました。