シモジマ×フェリシモ collaboration

動きをもたらす装飾

こちらは1ページ完結型のサイトで、写真を交互に配置したレイアウトです。シンプルなレイアウトですが、装飾をつけることで単調にならず、楽しげな印象になっています。アニメーションのついたイラストのほか、ハートや丸の切り抜き、吹き出しをランダムに置くことでページに動きを持たせています。ポップな雰囲気とともにリズム感を生み出すあしらいです。

キャラクターにぴったりなアニメーション

スクロールすると風船に繋がれたキャラクターが右下に登場します。ボタンを押せばトップまでふわふわと浮かび、なんとも可愛らしい仕掛けです。キャラクターの特徴とトップへ戻るボタンの機能がマッチしており、思わずボタンを押したくなります。

ポップアップですっきり

吹き出しをクリックすると作品概要が表示されます。説明を加えると縦長になりやすいですが、ポップアップを採用しているのでボリュームが抑えられています。自由に表示/非表示を選択でき、スクロールの手間が省けるメリットも◎ 「下層ページを作りたい！でも1ページに収めたい…」という場合は、ポップアップを取り入れる方法もおすすめです。