appeal_001
背景に画像を指定し、タイトルとリードの組み合わせ。パソコン・スマホの改行をCSSで管理
appeal_002
背景にグラデーションを指定し、左に文字・右に人物写真というレイアウト。
appeal_003
大きめの写真と文字を左右に互い違いに配置。スマホでは写真が上にくるようにちょっとした細工をしています。
appeal_004
写真の一方だけを画面幅いっぱいに広げたレイアウト
appeal_005
上にはみ出した１つの写真と、下に４つ並ぶ写真の構成。
appeal_006
縦書きが印象的なブロック
appeal_007
ブロック背景の色が斜めに入る印象的なブロック
appeal_008
ナンバリングを大きく左にずらして画像に重ねたデザイン
appeal_009
チェックマークの画像をリストマークに設定し、マークが左にはみ出したような設定で大きくアピール項目などを表示
appeal_010
画像と文字を左右に並べる時の画像を２枚にしたバリエーション
appeal_011
カラム背景いっぱいに画像を入れて、もう一方のカラムに余白を設けて文字情報
appeal_012
写真を配置した逆側のカラムで、縦位置中央配置になるようにCSSを作りました。
appeal_013
写真を配置した逆側のカラムで、縦位置下配置になるようにCSSを作りました。
appeal_014
片側に画像、反対側に文字情報で、画像の影や重なる文字をアクセントに
appeal_015
英語に重ねたタイトルと、カルーセル設定の写真のブロックも上に少しずらした組み合わせ
appeal_016
片側に寄せた大きな画像と、逆側に背景付きで上下中央位置に文字がくる設定
appeal_017
片側に寄せた大きな画像と、逆側に背景付きで下にずらした位置に文字がくる設定
appeal_018
テンプレート「Birdie Clinic」の施術内容をアレンジ。スマホでは画像が上にくるようにしました。
appeal_019
テンプレート「Site Box vol.45#2 TSUKIKUMI Dental clinic」のトップページのブロックをアレンジ。
クリックで拡大して見る
appeal_001
appeal_002
appeal_003
appeal_004
appeal_005
appeal_006
appeal_007
appeal_008
appeal_009
appeal_010
appeal_011
appeal_012
appeal_014
appeal_015
appeal_016
appeal_017
appeal_018
appeal_019