デザイン会社 Mint Design Company のサイト
ロード画面を挟み、シャッターが開くようなアニメーションの後に
トップ画面を表示します。この演出は別のページに移行する際にも現れます。
全ページに、手描きのイラストがアニメーションする仕掛けが施されています。
イラストはマウスオーバーやスクロールに合わせてアクションします。
Twitter、LinkedIn、Instagram、これらのSNSリンクにも動くイラストを配しています。
- カテゴリー別アーカイブ コーポレートサイト
-
-
#096 broom inc.
デザインスタジオ broom inc.のサイト
トップページのスライダーは、瞬時に次のスライドを表示するタイプです。
また、ページ下部の “See work archive” のスライダーもテンポよく横スライドで表示します。
「Projects」の Work archive は、”Products” “Branding” “Other” にカテゴリー分けされた
プロジェクトを紹介していて、各プロジェクトは写真や図表を使って解説されています。
シンプルな造りにgifやラインアートなどの動きがアクセントになっています。
-
#094 サクラクレパス
株式会社サクラクレパスのサイト
ヘッダーメニューはスクロールでサイズを変え、追従します。
「商品を探す」のメニューは、クリックで画面いっぱいに
アニメーションしながら、「ピックアップ商品」「カテゴリ・キーワードから探す」
「カタログ・用途別に探す」に分かれた検索領域を表示します。
「描く・楽しむ」～「採用情報」まではドロップダウンメニュー、
「SAKURA PRESS」はお知らせ・特集記事のアーカイブページに遷移します。
要素の枠が丸みを帯びており、やわらかい感じを演出しています。
