架空サイト制作:パーソナルスタイリストのHP

目次
  1. サイトの画面
  2. 制作背景
  3. デザインについて
  4. 技術的な対応について
タイトル架空サイト制作:パーソナルスタイリストのHP
制作年月2021年9月
技術仕様WordPress、有料テーマ「Snow Monkey」
対象範囲企画・デザイン・WordPress構築・コーディング

サイトの画面#

パーソナルスタイリストのHPのPC表示
PC
パーソナルスタイリストのHPのスマホ表示
スマートフォン
枠の中をスクロールすると、ページ全体を見られます

制作背景#

架空のパーソナルスタイリストのホームページを制作しました。

このサンプルサイトで、WordPressの有料テーマ「Snow Monkey」の機能で、どんなレイアウト・デザインが作れるのか検証しています。

デザインについて#

配色

紫を基調に大人の女性向けのエレガントな雰囲気を表現しています。

技術的な対応について#

ブロックを利用して、ページを作成しているので、文章や画像の差し替えは自由に行えます。

Snow Monkey標準のスタイルに加えて、デザインのオリジナリティをだすために、独自プラグイン内でCSS設定を加えています。

  • Googleフォントの読み込み
  • スクロール時の固定ヘッダーを透明にする
  • ページ下のCTA(お問い合わせ)に背景
  • フッターのメニュー、SNSアイコン、購読ボタン
えみ
えみ

作って、遊んで、世界を広げる