カタチにしたもの

#Webサイト

えきまえ歯科
クリニック(架空)

コーディング

えきまえ歯科クリニックwebサイト実績画像

目指したこと

患者さんが安心して通えるような印象を大切にしました。“いつまでも健康的で素敵な歯を”というコンセプトをサイトを通して、直感的に伝えられることを目指しています。情報の整理や導線設計に配慮し、誰でも迷わず必要な内容にたどり着ける体験を重視しました。

ラベンダーのイラスト

つくる過程

  • ターゲット

    通院を検討する患者さま、特に初めての方。

  • 目的

    医院のコンセプトやサービスを分かりやすく伝え、信頼感を持ってもらう。

  • 課題

    タブ切り替えや表、Googleマップ設置、ページ内リンクなど、機能が多いページを正しく動作させる必要があった。情報が多くてもスムーズに操作できるよう、コーディング上での構造やレスポンシブ対応、アクセシビリティにも配慮することが課題。

  • 制作期間

    3週間

  • 制作ツール

    VScode

ラベンダーのイラスト

ポイント

  • コーディング

    情報量が多くても迷わず使えるよう、タブ切り替えや表、Googleマップ、ページ内リンクなどの動きを丁寧に整えました。余白や表示のバランスにも気を配り、どの端末でも心地よく操作できるよう仕上げています。

ラベンダーのイラスト

ふり返り

  • 次につながる気づき

    複数の機能があるページをコーディングする中で、コードの構造や整理の大切さを改めて感じました。ひとつひとつの動作や表示を丁寧に確認することで、触れる人が心地よく使えるサイトになることに気づきました。この経験を通して、見た目だけでなく、長く安心して使えるWebサイトをつくる意識をさらに深められました。

トップに戻る TOP