こんにちは😊 元ヨガインストラクターのもこです✨
webデザインを独学で楽しく学んでいます♪
私が現在学習に使っている書籍の中に、「WCBカスタマイズチャレンジ」という
サイトのカスタマイズチャレンジ企画があるのですが、
いままさにその企画にチャレンジしています🌸
この記事では、CHAPTER5-11・イベントの告知サイトのカスタマイズに挑戦しました😊
![もこ](https://moco-yoga.com/wp-content/uploads/2022/03/de67dced2b9558dcfe0da5d62538bd6d.png)
もこ
見てもらえたら嬉しいです♪
私が勉強に使っている書籍はこちら↓
ここから楽天市場とAmazonで購入できます🌸
リンク
カスタマイズのお題は?
![](https://moco-yoga.com/wp-content/uploads/2022/04/4d6c4833d55c280f96e35abe4bc7be9a-800x420.jpg)
今回私が設定したお題はこちら🌸
ホテルにあるレストランのケーキフェア告知サイト。淡いピンクとゴールドを使って高級感ある華やかな印象にしたい。
作成したイベントの告知サイトはこちら
作成したイベントの告知サイトは下のリンクから見ることができます♪
![](https://moco-yoga.com/wp-content/uploads/2021/12/Cake_Fair_skew.001-800x1600.jpeg)
デザインのポイント
高級感を出すために、見出しの色にゴールドを使用しました。
ケーキが印象に残るように画像がアップのものを使いました。
ピンクのグラデーションを取り入れることで、華やかな印象に仕上げました。
また、スクロールをするとケーキの写真が横から現れるようにして、
わくわくする感じも表現しています。
苦労したところ
JavaScriptのコーディングに苦労しました😅
何十回もミスをして、ようやく表示できるようになりました😅
最後に
![](https://moco-yoga.com/wp-content/uploads/2022/04/e8a6609bbdfa1eaf29401500da5e8c92-800x420.jpg)
今日はイベントの告知サイトのカスタマイズをやってみました🌸
どんな画像を使おう?とか、
どんな動きをつけよう?
とか色々と考えながら作成するのが楽しかったです🌸
私と同じように勉強をしている人がいれば、励みになれば嬉しいです😊
カスタマイズした他のサイトはこちらの記事でご紹介しています😊
見てもらえたら嬉しいです🌸
私が勉強に使っている書籍はこちら↓
ここから楽天市場とAmazonで購入できます🌸
リンク