小規模事業を行っている工務店を想定して作成しました。
URL
https://yosida-komuten.kuratani-portfolio.xyz/
担当
デザイン・コーディング
サイトの目的
既存顧客との連絡ツール 施工実績のアピール
制作期間
デザイン:1日間
コーディング:2日間
使用ツール
Photoshop/figma
使用言語
HTML/CSS/javasciprt(jQuery)/PHP
デザインについて
架空サイト「吉田工務店」のデザインコンセプトは、従業員人数が約4人の小規模な工務店を想定しています。少数精鋭ながらも、信頼感や親しみやすさ、技術力の高さ、そして低コストをアピールすることに焦点を当てています。
デザイン全体は、シンプルながらもプロフェッショナルな印象を与えるよう仕上げており、ユーザーにとって安心感を持ってもらえることを意識しています。
青と白をメインカラーとして採用し、シンプルでクリーンな印象を与えることで、信頼感と誠実さを強調しています。
コーディングについて
お問い合わせフォームを自作して実装。PHPを使用して、フォームのデータ送信やバリデーション、サーバーサイドでのメール送信機能を構築しました。
JavaScript (jQuery)を使用して、
動的なユーザーインターフェースを実現するために、jQueryを使ってアニメーションやフォームのバリデーションなどのインタラクティブな機能を実装しています。