今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 6.7〜6.13
今週の「気になる」シリーズはWEBサイト:11のサイト多めでお送りいたします。
RD Construction(WEBサイト)
トップページの未来的画像とグリッドラインが引かれたUIが印象的です。スクロールイベントによりキューブアニメーションで視差を伴いセクション移動します。ちなみに左上のグローバルナビのボケはSVGで再現してる模様。
Epok Design Graphistes à Paris(WEBサイト)
美しいレイアウトとボタン、インジケータ等が全て下部についていてスマホでも片手で扱いやすく設計されています。
Pauline Osmont(WEBサイト)
フランス、リヨンのアートディレクター&イラストレーターのポートフォリオサイト。インタラクションとabsoluteで配置されたタイポグラフィーに注目しました。
Vikingfjord(WEBサイト)
パラパラマンガの要に画像を切り替えてムービーの様に見せています。スクロールイベントで再生、巻き戻しが可能。
KFC Finger Lickin(WEBサイト)
これだけ多くのページ数、要素、画像等がありながらサクサク軽快なインタラクションを実現しています。
St. Louis Children’s Hospital 2014 Annual Report(WEBサイト)
http://annualreport.stlouischildrens.org/2014/
配色がキレイでアイコン、フォントに遊び心を感じます。セントルイスの病院で募金によって恩恵を受けた子供達の今年のレポートが見られます。
AIAIAI Headphones(WEBサイト)
かっこいい。。。モノクロで重厚感のある配色の中にこのフォント、商材がすごく生えますね。
PANIC(WEBサイト)
インタラクションに一癖ありながら見ていて気持ちいいです。アイコンの動きはスプライトシート切り替え、メインビジュアルはパラパラ画像や、CSS3で対応。
Miguel Trias(WEBサイト)
大胆に余白をとりながら、配置はランダムに構成されたタイル系サイト。スクロール時の移動量をカラムによってコントロールしています。
Jp Schneider(WEBサイト)
中心で上下スライドする2分割系スライドページ。スライドと詳細ページへの遷移だけだけど、美しくて気持ちいい。
Do you know YouTube from A to Z?(WEBサイト)
https://youtube10.withgoogle.com/
youtbue10周年の特設サイト。クイズ形式に動画をたどるのですがインタラクションがさすがgoogleですね。