企画・制作を行ったロゴをもとに、この小児科のウェブサイトを作成しました。全ページのデザインからコーディング、サーバーへのアップまで行いました。

URL

https://melantravel.com/one/

担当と制作時間

企画と構成（2時間）・初案（3時間）・デザインとプロトタイプ作成（5時間）・コーディング（9時間）

サイトの目的

ウェブサイトからの来院および電話での予約・問い合わせ数増加、地域名+小児科での検索による流入

ターゲット

世田谷区自由が丘エリアに住み、幼稚園児から小学生の子供を持つ母親。専業主婦で、子供の健康に気を使っている。

デザインについて

落ち着きを感じられる優しい色味（主に暖色）を使用し、丸みのあるオブジェクトであしらいをつけました。 病院のHPなので急いでいる場合も想定し、文字サイズやボタンは余裕をもって大きく設定しています。各ページにもアクセスしやすいように常にグローバルナビゲーションを追従させました。 コンバージョンを意識し、電話での問い合わせがすぐにできるよう追従するオブジェクトも常に配置させています。 書体は視認性が高く親しみやすさもあるNoto Sans JCKを使用しています。

コーディングについて

また、ページのどこにいてもすぐに知りたい情報にアクセスしていただけるよう、ナビゲーションバーやトップに戻るボタンを充実させました。診療時間の表は画像に頼らずHTML/CSSで実装しました。 初めて作成したWebサイトのため、HTMLのルールを常に確認しながら進めました。