WORKS
～ 制作実績 ～

サイト概要

きたむらミュージックスクール 架空ウェブサイト

担当範囲

コーディング / WordPress構築

使用言語・CMS

HTML / Sass (SCSS) / JavaScript / WordPress

使用ツール

Figma /Vscode/ GitHub

制作で心がけたこと

「使う人にも、管理する人にも優しいサイト」を目指して、細部まで丁寧に制作しました。

【メンテナンス性と柔軟性の確保】

後々の運用や修正をスムーズに行えるよう、FLOCSSの考え方に基づいたCSS設計を行い、整理されたコード記述を徹底しました。

また、どんな画面幅のデバイスでもレイアウトが綺麗に収まるよう、特定のサイズに依存しすぎないリキッドコーディングを採用しています。

GitHubを用いたコード管理など、実務の現場に近いフローで制作を進めることも意識しました。

【品質管理と実用的な機能実装】

検索エンジンにサイト構造を正しく伝えるための構造化マークアップの実装や、reCAPTCHA v3によるスパム対策など、サイトに必要な機能を整えています。

最終工程では独自のチェックシートを用い、表示崩れやコードの正しさを丁寧に確認しました。

基本に忠実に、安心してお使いいただける品質を保つことを大切にしました。

【オリジナルテーマへのWordPress化】

既存のHTMLサイトの構造を活かしつつ、独自のデザインを反映したオリジナルテーマとしてWordPress化を行いました。

ブログ機能の実装にあたっては、投稿画面の使いやすさを意識し、専門知識がなくても日常の更新がスムーズに行える環境を整えています。

また、将来的な改修やメンテナンスが容易な、長く運用しやすい設計を目指しました。