site 01
歯科医院①
- 制作期間
- 2日
- 使用ツール
- HTML ⁄ CSS ⁄ SCSS ⁄ WordPress
- 対応範囲
- トップページ ⁄ 下層ページ ⁄ WordPressへの組み込み
- コーディングについて
- トップページのメインビジュアルでは、メインコピーやNEWSや画像が可変していくごとに重ならないよう、細かく位置の調整を行いました。また、トップページのDOCTORセクションでは、写真の重なりと医院長の経歴要素が重ならず、かつレイアウトが崩れないようにこちらも位置の調整やレイアウトの切り替えのタイミングなどを細かく行いました。
- URL
- https://www.blue-k-dc.com/
site 02
歯科医院②
- 制作期間
- 2日
- 使用ツール
- HTML ⁄ CSS ⁄ SCSS ⁄ WordPress
- 対応範囲
- トップページ ⁄ 下層ページ ⁄ WordPressへの組み込み
- コーディングについて
- トップページの「美しさにこだわる方へ」のセクションでは、トップページラフを参考にスマホ用のレイアウトを一から組み立てました。可変時、女性の写真の右側だけ見切れさせることで、違和感なく可変に対応できるよう調整しました。
- URL
- https://www.kanzawa-dental.com/
site 03
歯科医院③
- 制作期間
- 2日
- 使用ツール
- HTML ⁄ CSS ⁄ SCSS ⁄ WordPress
- 対応範囲
- トップページ ⁄ 下層ページ
- コーディングについて
- 可変しても装飾のサイズ感や位置に違和感が出ないよう、細かく調整しました。また、装飾を疑似要素やbackgroundで指定することでHTMLの構造を少しでもスッキリさせられるよう工夫しました。
- URL
- http://e10336145000001.ehc2.hpms1.jp/