WORKS
～ 制作実績 ～

サイト概要

株式会社北村建設興業 架空ウェブサイト

担当範囲

コーディング

使用言語

HTML / Sass (SCSS) / JavaScript

使用ツール

Figma /Vscode/ GitHub

制作で心がけたこと

「使う人の目線」を大切に、情報の探しやすさと心地よい操作性を追求しました。

【管理しやすいCSS設計】

本プロジェクトでは、より管理しやすく拡張性の高いサイトを目指し、CSS設計手法の「FLOCSS」をはじめて採用しました。

パーツの分類にとても悩みましたが、一つひとつの役割をじっくり整理することで、サイト全体に統一感をもたせ、修正や変更にも柔軟に対応できる「長く使い続けられる構造」を目指しました。

【心地よい操作感への配慮】

大切な住まい探しをサポートするサイトとして、ストレスのない操作感を意識しました。

ボタンのホバー時の動き（アニメーション効果）を滑らかに整えたり、押しやすいクリック領域を確保したりと、細部まで徹底して整えることの大切さを実感しながら、丁寧に仕上げました。

【入力しやすいフォーム設計】

お問い合わせフォームは、「入力のしやすさ」を意識しています。

スマートフォンの画面でも項目が見やすく、迷わずスムーズに入力できるようレイアウトを整えました。

基本に忠実に、ユーザーの皆さまが安心してコンタクトを取れる品質を大切にしています。