エキサイトよこはま22

横浜駅周辺大改造計画のページを担当者様でも更新しやすく構築

横浜駅周辺の都市計画について情報を発信

横浜駅周辺の主な施設や現在、実施されている又は検討が進められている開発や整備事業をご紹介するページの構築に携わらせていただきました。横浜市都市整備局都心再生課のコンテンツとしての位置付けで、既存の「横浜駅周辺大改造計画」ページを計画の進展に伴いリニューアルすることになりました。

まちづくりというワクワク感を表現

これから数年にわたり横浜駅を中心としてよこはまがエキサイティングに変わっていく、その情報発信を担うに相応しい画面作りを目指しました。既存のテキスト中心のページから、図版を数多く取り入れワクワクする未来を創造できるようなデザインにしました。

コンテンツ内にも図版を多く用い、トップページにもスライド画像を使用することなどを考慮し、固定幅でサイトを構成していくことになりました。今後さらにページ数が増えていっても容易に対応できるようにナビゲーションをサイドに配置し、縦方向にページナビを追加していける作りにしています。

横浜市サイトで採用されているCMS上に構築

横浜市公式サイト内のコンテンツとしてのページ作成なため、横浜市サイトで使用されているCMS上での管理・更新ができることが求められました。

また、様々なコンテンツに対応できる柔軟なレイアウトが可能な作りであると同時に、Web専任でないご担当の方でも容易に更新ができる仕組み、その両立が必要でした。実際に更新をしていくフローをご担当の方と一緒に検討させていただき、仕組みと運用のバランスを調整しながら使いやすい・更新しやすい作りにすることができました。

エキサイトよこはま22

目的
情報発信
対応範囲
設計・デザイン・テンプレート作成
URL
www.city.yokohama.lg.jp/~/excite/

その他の制作実績(抜粋)

ソフトバンクモバイル株式会社、ホーユー株式会社、三井物産株式会社、株式会社日立ホーム、株式会社ジャストシステム、AIコンサルティングジャパン、株式会社IMJモバイル、株式会社アサツーディ・ケイ、アンリツ計測器カストマサービス株式会社、アコム株式会社IRサイト、高崎VIVRE、アキハバラ@ディープ(画面UI制作)、東邦学園大学、一橋大学 アンケートシステム、慶応義塾大学 21世紀COEプログラム、海洋科学技術センター、海洋研究開発機構、財団法人横浜市体育協会、横浜国際プール、学校法人八洲学園

政令指定都市「横浜市」公式サイト

iPadなど、幅広い閲覧環境に対応

厳しいアクセシビリティ・ユーザビリティ等の基準をクリアするために様々な施策を施しました。コンテンツに最適なUIとなるよう、目的別に探せるインターフェースを中心としたページ構成、Javascriptによる動的な効果を実現し、さらにスマートフォンによるブラウザ閲覧を可能にしました。

Stance制作の考え方

アットライズがすぐにお客様の元に
かけつける理由とは

Flow制作の流れ

最短で「目的=ゴール」に
たどり着くために

Toolsツール

Webサイト制作・運営に役立つ
情報をシリーズで紹介

Contact

どんなことでもお気軽にご相談ください。

  • ホームページをリニューアルしたい
  • 社内でも簡単に更新したい
  • スマートフォンでも見やすくしたい
  • ホームページからの問い合わせがない
  • 制作費を予算の範囲内で収めたい
  • ホームページのアクセスを増やしたい
  • ドメインの取得もお願いしたい
  • Twitterを効果的に活用したい
  • 動きのあるコンテンツを考えている
  • Facebookの記事を表示させたい
  • システム構築をお願いしたい
  • ホームページで商品を販売したい
  • オリジナルブログを開設したい
  • ホームページで新規顧客を開拓したい

様々なニーズに対応し、お客様に最適な「Webの使い方」をご提案いたします。

無料お見積りをする

お問い合わせフォーム

お電話でのお問い合わせ 045-317-5309
FAXでのお問い合わせ 045-320-6575