スマートフォン対応

JSS危機管理コンサルティング契約企業専用ページ
デザイン コーディング CMS サイト運営補助

日本初の危機管理会社として世界中に情報拠点を持ち各国の治安情勢をはじめ、安全に関わる最新情報を収集・分析・検証して邦人企業に提供する、株式会社JSSの危機管理コンサルティング契約企業専用ページをconcrete5でリニューアルしました。

  • トップページにインタラクティブなマップを設置。簡単なテキストファイルを編集してマップをカスタマイズしたり、モバイルデバイスを自動的に検出し、ナビゲーションをタッチフレンドリーに調整します。
  • 会員機能やお客様の更新を考慮してCMS「concrete5」を採用。アカウント毎にページ・エリア・ブロックの閲覧・編集・承認・管理などの権限を詳細に設定。ワークフロー機能で、業務の滞留リスクを回避、業務を効率化しています。
レスポンシブデザイン スマートフォン対応 会員制サイト CMS
ミハマの靴 -ミハマ商会コーポレート&オンラインショップサイト-
デザイン コーディング システム開発 サーバ運用 企画

横浜、元町で生まれた「ミハマ」の靴を販売するミハマ商会のコーポレート&オンラインショッピングサイト。
大正12年創業という伝統と、流行にとらわれず、熟練された職人の手で丁寧に創られている靴のコンセプト、ノーブルさが伝わるようにページ構成やデザインを配慮するとともに、より幅広い年代に認知が広まるようにスマートフォンサイトも同時リリース。
サイト運営に必要な管理機能も、多機能ながら使いやすいUIを心がけた。

  • 製品の上質さが伝わるよう、白を基調としたシンプルなデザイン。
  • スマートフォン向けサイトを同時リリース。
  • サイトを運営されるお客様側の更新の負担を軽減すべく、新着情報はFacebookと連動、管理機能では写真をドラッグ&ドロップでアップロードを可能に。
スマートフォン対応 コーポレートサイト 横浜市の企業・団体 DB 管理機能 EC・オンラインショップ
トヨタ交通安全センター モビリタ × JAF Mate プレゼンツ! ときめき運転レッスン in モビリタ
デザイン コーディング

トヨタ自動車株式会社様と株式会社JAFMate様によって企画・実施された、10組のカップルによる「ドキドキ」「スリリング」な運転レッスンの様子をサイト上で再現。パララックスやCSSアニメーションで視覚的に印象を強めながら、一日の流れを楽しく追体験できるように作成。スマートフォン対応。

  • PCのほか、スマートフォン等のタッチデバイスでもパララックス効果を用いる、というご要望からスライド式のシーン移動を採用。シーンの移り変わり時にアクションを加えて、楽しさと共に動きでも写真内容を伝えています。
  • サイト内容からピンクの背景やハートのモチーフを使用。スライド移動した際に背景色を変化させてレッスン内容の移り変わりが認識しやすいように配慮。
  • 写真にマンガ風の効果線や吹き出しを添えて、コミカルで親しみやすい印象に。
スマートフォン対応 企画・イベント

※画像・作業内容については開発当時のものです。