岡知咲夜
サイトURL：https://emi8-okachi.jp/
概要
制作期間
2025年２月～2025年３月
担当業務・役割
・ホームページの新規制作（デザイン〜公開まで一貫対応）
・Figmaを用いたWebデザイン作成
・HTML／CSSによるコーディング
・PHPを用いたお問い合わせフォームの実装
・レスポンシブ対応
・公開作業および表示・動作確認
習得スキル
・Figmaを用いたWebデザイン設計
制作背景・目的
本サイトは、自身の活動内容や強みを分かりやすく伝えることを目的として制作したWebサイトです。
デザインからコーディング、サイト公開までをすべて一人で担当し、Web制作の一連の流れを実践的に経験することを目的として取り組みました。
制作にあたっては、訪問した方が安心感を持ち、親しみやすさを感じられるサイトになるよう意識しています。
情報を詰め込みすぎず、必要な内容がスムーズに伝わる構成を目指して制作しました。
工夫した点
デザイン面では、全体をシンプルで見やすい構成とし、余白や文字サイズのバランスを調整することで、初めて訪れた方でも内容を理解しやすいレイアウトを心がけました。
配色やデザイン要素についても、親近感を持ってもらえるよう主張しすぎないトーンで統一しています。
実装面では、HTML / CSS を用いた基本構造を大切にしながら、Figmaで作成したデザインをもとに、デザインと実装の差が出ないよう丁寧にコーディングを行いました。
また、PHPを用いたお問い合わせフォームの実装など、実際の運用を想定した機能も取り入れています。