IDEAS INTO WEBSITES / 43 WEBSITE EXAMPLES

サイト制作ツールの
実例43件を比較。

yuuさんのLP雰囲気図鑑と、ちせさんのモーションツール。
どちらか一方、または両方を使ったサイトを集めました。

制作デモを見にいく ↗
43件の制作例
各サイトに使用ツールを表示
CREATIVE PLAYGROUND01 / 03
● ● ●patisserie-pop.demo↗
Pâtisserie POPOTTEの制作例
Pâtisserie POPOTTEサイトを開く ↗

ボタンで制作例を切り替え。画面を押すと、実際のサイトへ。

DESIGN × BUILD × MOTIONSCROLL TO EXPLORE ↓

HOW IT WORKS

デザインと動きの
使用ツール

01
雰囲気を選ぶ

LP雰囲気図鑑

実例から好みを選び、
AIに渡す制作ブリーフへ。

yuuさん
02
サイトをつくる

おまかせサイト工房

一部の制作例で併用。
サイト制作を進めるスキル。

なり
03
動きを足す

モーションパレット
・動きの強化室

演出を選んで実装したり、
既存サイトに動きを追加。

ちせさん
本棚と真鍮の灯りがあるウラチカの地下研究室REAL PROJECT / URACHIKA

実在するコミュニティの制作例

工房と強化室で作った
ウラチカの紹介LP

お気に入りの研究室の画像を、LPの主役に。
おまかせサイト工房と動きの強化室でつくった、なりタイ園長のコミュニティサイトです。

ウラチカの研究室へ入る

研究室が開く。光の立体に触れる。本をひらく。

作りたい業種や
使用ツールで探してみてください。

カードからサイトを開くと、ページ全体のデザインと動きを確認できます。

もう一度、制作デモを見る ↑