安藤歯科医院様 コーポレートサイト|コーディング、Web開発の外注、代行ならコーディングアライブ

Chat Work

mail

works

開発事例

安藤歯科医院様 コーポレートサイト

安藤歯科医院様のコーポレートサイトのコーディングを担当させていただきました。
デザイン通りスマートで且つ、CMS更新という汎用性に耐えうるようJavaScriptプラグインと組み合わせてカスタマイズしました。
表示されているのは当月と次月の2ヶ月ですが、未来のスケジュールの更新も可能な作りになっています。

こだわったポイント

  • WordPressでカレンダーの更新
  • 画面サイズ変更時の画像配置のバランス感

デザインを見た時に、画像のサイズや画像同士の距離感をどの画面幅でも保つことが美しさの上で重要になると判断し、
画像の幅や上下のマージンをvw(画面幅に対しての比率)基準でコーディングしました。

スマホ表示