サーカスを小さな画面へ

Fleawinder: Living Circus はタスクバーの上の横長の細いストリップ向けに設計されました。スマートフォンは縦向きです。小さな画面でサーカスを機能させるには、生き生きとした感覚を失わずにレイアウトを再考する必要がありました。

The embeddable widget flips to a tall canvas on mobile, stacking the acts vertically instead of spreading them across a ribbon. Anyone dropping Fleawinder: Living Circus into their own site gets a layout that adapts automatically. Four theme presets (dark, light, warm, cool) and a scale parameter let it blend with whatever surrounds it.

より大きな課題は可読性でした。スマートフォンの画面では、デスクトップスケールで描かれたノミはただの点です。ノミの体を拡大するズームパスを追加し、衣装、表情、アクセサリーが実際に見えるようにしました — Pip のヘッドバンド、Rex のヘルメット、Blaze の小さな王冠。常にそこにあった個性の細部が、突然腕の長さの距離で読み取れるようになりました。

モバイル改修の残りの部分は華やかさは劣りますが同じくらい重要でした：タッチしやすいタップターゲット、より良いフォントスケーリング、マーケティングサイト全体のレスポンシブな間隔調整。革命的なことは何もありません — サーカスがどこで見つけても正しく表示されるようにしただけです。