光沢のある見出しと3D感のある画像でメッキを強く打ち出す。動きをもたせる表現にはcanvasとvideoを使って実装

浜岡鍍金工業所

製造業らしさと親しみやすさのバランスが取れたCPサイト。FVのSVGアニメーションで柔軟な対応と技術力をアピール

郡家（こおげ）コンクリート工業

自然を感じさせる配色と親しみやすさを与える豊富なイラスト。画像やリンクのバウンスのようなイージングで躍動感を生み出す

背景の日本地図をスクロール量に応じて移動させる。全国チェーンらしくスケールの大きさが感じられる採用サイト

制作事例では、ホバーで画像がスクロールするアニメーション‼︎イラストとアニメーションが満載のSTUDIOサービスサイト

シンプルなサイトで際立つグラデーション要素。FVのSVGアニメーションは、線でレイアウトをつくるデザインとの一貫性を感じる

『About』でギャラリーとともにロゴアニメーションを表示し、目線を誘導して印象付けさせる。ロゴを90度回転させると...

鮮やかな配色で秋の季節感と商品の特性が一目でわかるデザイン。1s超のゆったりとしたtransitionで高級感を演出する

アニメーションを利用して動的なキャッチコピーを表現。 ヘッダーのmix-blend-modeは色数の多いサイトで効果的

FVの文字を小気味よく変化させる。 複数画像をCSSのsteps()で切り替え続けるアイデアで実現

奥行きを持たせたスクロールに合わせてギャラリーをなびかせる3D表現。 無数のアート作品を違和感なく短時間で紹介する

ロード後のグリッチがかっこいい。 タイトル・写真も、ドットが効いたエフェクトとフェードインで世界観を統一

CSSによる3Dアニメーションで視線を向かせる。 サービスを短時間で伝える画面いっぱいの動画はシンプルな内容で効果的

clip-pathで繰り返し削り続けるアニメーション！ 画像が差別化されてアート作品をより際立たせる

イラストの可愛さを際立たせる細かなアニメーションはWebサイトだからこそ。緩急をつけたページ遷移でメリハリが効いている

動画とインタラクションを組み合わせたカルーセルは気持ちのいいスピード感。メタディスクリプションの絵文字でカジュアルな雰囲気に

「おもしろおかしく」という社是をデザインに落とし込み、遊び心と親しみやすさを感じさせる。モーション停止ボタンは珍しい

opacityとmaskを組み合わせ、高級感・落ち着きのあるサイトに合わせたアニメーションを表現

背景のノイズでアナログ感を演出。 また、シンプルなアニメーションでキャッチコピーを際立たせる