CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

Web制作

[制作実績]YCAT 横浜シティ・エア・ターミナル株式会社様

投稿日:2015年4月7日 更新日:

グリッドデザインと画像メニューで目的のバス路線を直感的に選べるサイト

「制作実績」を更新しました > 制作実績:YCAT 横浜シティ・エア・ターミナル株式会社様

● サイト名   :横浜シティ・エア・ターミナル – Yokohama City Air terminal –
● サイトURL  :http://ycat.co.jp/
● サイト目的  :情報配信
● 対応範囲   :企画・進行管理・設計・デザイン・コーディング

制作実績より引用

ycat-1

バス路線を直感的に選ぶ

成田空港、羽田空港をはじめ、横浜と各地を結ぶバス路線のターミナルとなっているYCAT様。ユーザーが直感的に目的のバス路線を選べるよう、トップページをグリッドデザインに設計し、画像メニューを配置しました。

PC、スマホ、タブレットなど、各種デバイスに対応するレスポンシブ設計

バスターミナルという公共交通機関であるため、ユーザー層だけでなく、サイトの閲覧環境も多種多様であることを設計初期段階で考慮しました。そのためPC、スマホ、タブレットなど各種デバイスに対応できるようサイトをレスポンシブ設計にて制作しています。

バスの運行状況をTwitterへ自動投稿

成田空港路線、羽田空港路線の運行状況がタイムリーにサイトに表示されます。万が一交通事故などによりバスに遅延があった場合は、CMSを使用して運行状況の表示を変更することができます。

また運行状況はサイトのみならず、YCAT様運用のTwitterにも投稿されます。

ycat-2
 ← スマホサイト

 
 

-Web制作
-

関連記事

サイト制作の設計図:ワイヤーフレームで理想に近づけていく

企画設計段階での練り込みが重要 Webサイトのリニューアル等で新規にサイト制作する際、弊社では ほとんどの場合 いきなりデザインするのではなく、その前段階としてワイヤーフレーム(ページ構成案)を作って …

[備忘録]WordPressの自動更新を抑止する方法(その2)

WordPressの自動更新、便利だが不具合のリスクも Webサイトの制作で「WordPress」を使うことが多いかと思う。 テーマやプラグインなど 幅広く提供されているので とても便利なツールである …

ブランド・事業に特化した「サテライトサイト」で、集客アップ

コーポレートサイトとは別に、ブランドに特化したサイトを立ち上げる 先日、あるお客様からサテライトサイトについての相談をいただいたので、サテライトサイトについて解説してみたい。 ホームページ(Webサイ …

[制作実績]パスポート様:公共・産業用太陽光発電システムサイト

業務に特化した「サテライトサイト」 「制作実績」に株式会社パスポート様「公共・産業用太陽光発電システムサイト」を追加しました。 この「公共・産業用太陽光発電システムサイト」は、いわゆるコーポレートサイ …

[制作実績]リアルタイムディスプレイシステム

経営指標をリアルタイムに更新し、モニタに表示するシステム 「制作実績」を更新しました > 制作実績:「リアルタイムディスプレイシステム」 ちょっと面白いシステムの依頼を受け 構築しました! 経営数値の …