COPORATE SITE ノウチ歯科クリニック様

公開日:
2024.09
URL:
https://www.nouchi-shika.com/
概要
千葉県成田市にあるノウチ歯科クリニック様のデザイン、コーディングを担当。
ターゲット
インプラントや歯周病治療、口腔外科手術を必要とする中高年層、審美歯科や予防歯科に関心のある人々、さらにはアンチエイジングや妊産婦検診など、健康全般に対する意識が高い人をターゲットとしています。
デザイン
☑︎ 配色と一貫性:落ち着いた色調で、医療機関らしい信頼感を与えるために白やブルーを基調に。
☑︎ ユーザビリティ:年齢問わず利用できる直感的なナビゲーション設計。
☑︎ レスポンシブデザイン:モバイル、タブレット対応を強化。
コーディング
☑︎レスポンシブデザインの実装
PC、タブレット、スマートフォンなどのさまざまなデバイスでの閲覧に対応できるよう、レスポンシブデザインを採用しています。画面サイズに応じてレイアウトがスムーズに調整されるよう、メディアクエリを用いたCSS設計に力を入れています。

☑︎パフォーマンス最適化
ページの読み込み速度を意識し、画像ファイルの最適化や必要最低限のスクリプトを利用することで、パフォーマンスの向上に努めています。

☑︎アクセシビリティの配慮
色のコントラストやフォントサイズの調整、alt属性の適切な設定など、アクセシビリティを意識したコーディングを行っています。視覚や聴覚に障害のあるユーザーにとっても、快適に利用できるWebサイトを目指しています。

☑︎シンプルでメンテナブルなコード
後からの修正や拡張がしやすいように、シンプルでわかりやすいコードを心がけています。クラス名やIDの命名規則を一貫させるとともに、不要なスタイルやスクリプトを排除し、メンテナンスしやすい構造を意識しています。
制作範囲
☑︎ビジュアルデザイン
☑︎UIデザインの設計
☑︎レスポンシブデザイン
☑︎HTML、CSS、jQueryを用いたコーディング
☑︎突発的な改修にも対応できるようにコード設計
☑︎ターゲットに合わせたビジュアルの設計
制作期間
ディレクション:2か月
デザイン:7日
コーディング:5日
使用ツール
Photoshop/Fireworks/Figma
使用言語
HTML・CSS・jQuery