今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 12.28〜1.10

明けましておめでとうございます。
本年もどうぞよろしくお願いいたします。

年末年始で少し更新が伸びましたので今回の「気になった…」シリーズは少し多めです。

Booking.com(WEBサイト)

150113_01

http://www.booking.com/nye/

宿泊予約サイト。世界各地の有名スポット画像が分解&重なり合う事で切り替え時に万華鏡の様に見える。

Bose History(WEBサイト)

150113_02

http://dreamandreach.bose.com/home

BOSE50周年記念サイト。過去をたどるexploreとMovieの二本立て。シンプルに洗練されたUIとリッチなアニメーション。

Give ’n’ Go(WEBサービス)

150113_03

http://give-n-go.co/

左にDribbbleを右にCodepenで再現している作品をまとめているサイト。アイディアをどのようにコードで具現化しているのかが見れる。

Expandable Project Presentation(サンプルソース)

150113_16

http://codyhouse.co/gem/expandable-project-presentation/

スプラッシュページのサンプルソース。4つのメニューから各セクションへ遷移。レスポンシブ対応も兼ね備えている。

noir(WEBサイト)

150113_05

http://noirmoscow.com/

パララックスサイト。スクロールすると背景の動画が停止した状態に。まるで一場面をきりとった用に縮小される

Where’s My Wallet?(WEBサイト)

150113_06

https://wheresmywallet.com.au/

Walletを探せ的なサイト。広大なシドニーの街の中から黄色い財布を見つけられるか?

Interstellar – Endurance(WEBサイト)

Découvrez nos dernières réalisations   Licorn Publishing

http://endurance.interstellarmovie.net/

クリストファーノーラン監督のSF映画「Interstellar」の宇宙船エンデュランス号の中を3Dでグリグリ移動できます。

Flakes(WEBサイト)

150113_18

https://interstellar.withgoogle.com/

こちらも「Interstellar」のサイト。こちらは宇宙空間でおまけコンテンツをキャプチャーするSPACE HUNTページとトレイラー、ギャラリーなどがみれるがあるTIME CAPSULEページがあります。

life-timer(アプリ)

150113_08

http://life-timer.net/

生年月日や出勤時間、起床、就寝時間等を入力すると初期設定が完了。○歳まであと○時間、今日寝るまで○時間など見ると時間を無駄に出来なくなる。。。もちろん新しいタイマータスクを入力する事も可能。

Бескрайний простор для ваших возможностей(WEBサイト)

150113_17

http://prostor-capital.ru/

Movie、CSS3、パララックス、SVGアニメ、レスポンシブなどトレンドをさりげなく取り入れながらもクールで落ち着いたイメージを出しています。ロシアの投資系会社サイト。

Cotonificio Olcese(WEBサイト)

150113_04

http://www.cotonificioolcese.it/en/home/

スプラッシュページ風でレスポンシブ。特徴のあるタイルメニューからアニメーションするhome。

workflow is(アプリ)

150113_10

https://workflow.is/

有料ですがiPhone,iPadの操作を組み合わせて自動化できるアプリ。

Hublot – Return to Antikythera(WEBサイト)

150113_11

http://www.hublot.com/antikythera/

アンティキティラ島の海底で見つかった世界最古のアナログコンピューターアンティキティラ島の機械とhublotのダイバーモデルの時計の特集サイト。

licornpublishing(WEBサイト)

150113_12

http://www.licornpublishing.com/

prestationsページのの上下に割れるような切り替えやrealisationsページのパースをつけたブラウザ画像ギャラリーに注目。

grouek(WEBサイト)

150113_13

http://grouek.com/feed

worksに引きつけられます。さりげないグリッチやアニメーションが余裕すら感じさせます。

Charfie by Cleverbird Creative(WEBサイト)

150113_09

http://www.charfie.com/

トップの3D動きとドロワーメニューの動きが遊び心たっぷり。

Residences(WEBサイト)

150113_14

http://www.thechedi-andermatt.com/en/

スイスのホテルWEBサイト動画がふんだんにつかってホテルの魅力を伝えている。residencesページの客室の見せ方は必見。

Mix Event(WEBサイト)

150113_15

http://www.mix-event.com/

インパクトのあるアイキャッチからスイスデザインのパララックス。インスタグラム画像読み込みあり。

Share

  • このエントリーをはてなブックマークに追加
  • 28

Follow(SNSで定期購読)

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>