他のサイトでは通常、上から下にスクロールして行くものが大半ですが、こちらのサイトでは横スクロールになっているのが非常に特徴的です。まずトップページでは電車の外装・内装写真がスライドショーで表示、切り替えされて関心を抱かせます。スクロールすると表示されていたページが左に捌けていき次のページが表示されます。その珍しい動きが面白く、ユーザーを楽しませる工夫を感じます。表示された次のページではコンセプトやデザイン、携わったチームの紹介などが下層ページへのリンクで表示されています。下層ページもわかりやすくまとめられています。さらにページを進んでいくと、タイムテーブルやプランなどのページが順を追って表示されていき、右上の固定表示リンクから予約をすることができるようになっているというしっかりとユーザーの導線が考えられた設計になっていて大変完成度の高いサイトに仕上がっています。
執筆者
カテゴリ
基本情報
運送会社に関連するデザイン
-
「アーク引越センター」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューの右から左へ、アーク引越センターのサービス内容をスライドさせています。グローバルナビにて引っ越しプラン、引っ越しの流れなどを案内しています。「単身・ひとり暮らしの引っ越しプ...
-
「ヤマト運輸」のホームページデザイン解説ホワイトをベースに、グリーンやイエローをアクセントにしたサイトです。黒猫のイラストに鍵マークの付いたイエローバナーから、「クロネコメンバーズ」のログイン画面に移ります。ビジネスバッグのイラストに鍵マークの付いたネイビーのバナーは、「ヤマトビ...
-
「VARIE」のホームページデザイン解説ホワイトをベースにブルーをアクセントにしたサイトです。トップページは左右に分かれており、左側は東武スカイツリーライン新越谷駅に直結している「新越谷VARIE」、右側から草加駅直結の「草加VARIE」の駅ビルのサイトにアクセスできます。それぞ...
ECサイトに関連するデザイン
-
「Caffè Mokarico Firenze」のホームページデザイン解説イタリアのコーヒーブランドのECサイトです。ファーストビューではコーヒー農園の写真と商品のスライドショーを組み合わせてメインビジュアルとしており、スライドショーにはカートボタンが設置されていてそのまま購入も可能です。リンク部分のラインにオレ...
-
「Oakshop」のホームページデザイン解説スポーツウェアブランドのオークリーのＥＣサイトです。メインビジュアルの鮮やかな女性アスリートの写真から画面をスクロールすると、一転してブラック基調のクールな写真に切り替わり、クールなイメージを感じさせます。商品ページのテキストもブラックとグ...
-
「BEAMS」のホームページデザイン解説グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューには、BEAMSのファッション情報を掲載しています。タイムセールのポップアップ広告が貼ってあります。グローバルナビにてビームスのショップ、ブランドやアイテムなどを案内して...
グレーを使ったデザイン
-
「卒業袴レンタル きもの鈴乃屋」のホームページデザイン解説サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小２枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...
-
「THIS」のホームページデザイン解説ロンドンのデザインスタジオのコーポレートサイトです。ファーストビューではグレー1色の画面にブラックのベタを斜めに配置し、無造作に付箋を張り付けたようなラフな画面になっています。制作実績一覧では画面スクロールで写真が左下から回転しながらフェー...
-
「ILOLI HAIR」のホームページデザイン解説ページ全体としてはグレーと白を用いることでスタイリッシュで落ち着いた印象を与えます。ファーストビューは店内の様子を撮影した写真が定期的にスライドしていくデザインです。スマートフォンの画面の場合グローバルナビゲーションおよび予約用のボタンを常...
かっこいいなホームページのデザイン
-
「Официальный сайт Группы ЧТПЗ」のホームページデザイン解説ロシアの大口径パイプ製造メーカーのコーポレートサイトです。ファーストビューは製図を思わせるグレーの細いラインで書かれたグリッドと、製造現場のムービーが流れて迫力を感じさせます。コンテンツのタイトル、グラフィックの差し色にバーミリオンレッドを...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
-
「Men’s Hair SPICE｜佐賀市高木瀬・夢咲にある男性専用の…」のホームページデザイン解説男性専用の店舗として黒と白のモノトーンカラーを基調としたスタイリッシュでカッコいい印象のホームページです。上部には注目させたい3つのカテゴリーをバナーにて表示させています。バナーには関連するお洒落な画像を用いることで理解が進みます。 ニュー...
