hosonotakuya.comサイドページのヒーローイメージ

hosonotakuya.com

Web Design / Coding

Original Fictitious Site

自作架空サイト

かくうの歯科(架空サイト)

  • かくうの歯科のファーストビュー
  • サイトアドレス

    https://www.hosonotakuya.com/works/kakunosika/

  • サイトの概要

    架空の歯科医院のサイト

    【かくうの歯科】
    青森県弘前市にある歯科医院。医院の内装改修に伴い、サイトのリニューアルを実施。長く地域に根差した医療運営を行っており、子供からお年寄りまで多様な年代が訪れる歯科医院。アットホームな雰囲気で親しみやすさが感じられる病院ですが、最新の機器を導入し専門性の高い診療も行っている。

  • ターゲット層

    主に弘前市内の小さいお子さんからお年寄りの各年代で歯科医療、歯科健診の必要な方

  • 目的・ゴール

    医院の特徴や雰囲気、実施している診療内容を知ってもらうこと。予約およびお問い合わせをいただくこと。

  • 制作のポイント

    HPを訪れた方に診療内容の特徴と院内の雰囲気が伝わり、シンプルで親しみのあるサイトにしたいという要望を受けた形で制作を開始しております。

    今回のご要望内容から雰囲気をつかみやすく、親しみやすさが出るようにスタッフや内観の写真を中心に用い、やわらかさを感じられるカラーを中心に使用しております。
    レイアウトは見やすさを重視してサイトのデザインをしております。医院の特徴や診療時間、医院の場所等が訪れた方にわかりやすく確認できるように表示しております。

    また、お問い合わせをしやすいようにサイトの上下に電話番号とお問い合わせページのリンクを掲載しております。

  • 制作の作業範囲

    デザイン、コーディング

  • 制作期間

    3日間

  • 使用ツール

    HTML, CSS, Javascritp(jQuery, slick), Visual Studio Code, Photoshop

  • 表示確認

    【OS】
    Windows10, MacOS, iOS

    【ブラウザ】
    Chrome, Firefox, Microsoft Edge, Safari

  • 制作過程

    今回はクラウドソーシングや直接の依頼等から実際に依頼を受けて受注したことを意識して、架空サイトをデザインからコーディングまで行いました。トップページだけの実装としておりますが、レスポンシブ対応も行い、現実的に納品可能な期間で作成することを想定して作業を行いました。

    コーディングの実装はあまり複雑なことはせず、レイアウトもシンプルな構造でjsはライブラリを実装して時間をかけず効率的に対応を行っております。また、SEOを意識し、画像でのデザインは行わず主にCSSでのデザインをおこなっております。

制作サイトキャプチャ画像

※トップページ(パソコン表示、スマフォ表示)

かくうの歯科のキャプチャ画像

Contact

お問い合わせ

リンク先のページにお問い合わせフォームをご用意しております。お仕事に関する見積の作成や、作業内容のご相談・照会などお気軽にお問い合わせください。

また、SNSアカウントのメッセージからもご連絡いただけます