TOMOKA KANOSHIMA

PORTFOLIO

  1. TOP
  2. WORKS
  3. さわだ歯科医院

さわだ歯科医院

  1. WEBサイト
  2. 自己制作
WEBサイト制作物の写真
  • Date
  • 作成日

2025年6月

  • About
  • 概要

WEBサイトの自己制作物
幼い頃から通院していた歯科医院のWEBサイトを、レスポンシブ対応し、リニューアルするという設定で作成。
(実際に通っていた歯科医院から掲載許可いただいています。)

  • Target
  • ターゲット

当院の患者様の層である、ご高齢の方や訪問歯科診療について情報収集している施設の職員の方々

  • Purpose
  • 目的

PCサイズのみだったWEBサイトを、SPサイズ作成と同時にリニューアルすることで、ユーザビリティを向上させるため

  • Information
  • 情報設計

「ユーザビリティ向上と、ご高齢の方にも見やすいWEBサイト」にするため、見やすさを意識しました。
患者さまにとって重要な情報や、欲しい情報は何かを考えながら作成し、病院に来る前の不安や緊張をできるだけなくせるようなWEBサイトを心がけました。

  • Design
  • デザイン

病院サイトの清潔感や見やすさと、さわだ歯科医院の親しみやすさの両方を表現できるよう、重要な情報はしっかりと記載し、配色はロゴにもあるグリーンをアクセントに、ベースは院長である先生の優しい雰囲気からベージュをピックアップしました。
また、SPでは文字を基本は16~18pxに設定し、ボタンの大きさ、ヘッダーや予約・アクセスボタンを上下に固定することで、ご高齢の方がSPで閲覧する際の見やすさと使いやすさの向上を意識しました。
実在している歯科医院をモデルにWEBサイトをリニューアルするという設定の上で制作したため、Aboutページの画像は実際のWEBサイトで使用されている画像を使用しています。

  • Tool
  • 使用ツール
  1. Figma
  2. VS code
  3. Illustrator
  • Time line
  • 制作期間
企画・WF 3日
デザイン 1週間
コーディング 4日
  • Design
  • デザイン

Laptop

Smartphone