企画・イベント

I・TOP横浜
デザイン コーディング システム開発 サイト運営 サーバ運用

横浜市において、業種や企業規模の枠組みを超えてIoTビジネスを目指すプレーヤーの「連携」を実践する場である「I・TOP横浜」の活動を、広くPRするサイトです。

  • マッチングや新規プロジェクトの立ち上げを実現するために認知から興味、行動の流れを意識した画面構成にしています。
  • 信頼感や安心感といった印象を与え、心理的にユーザーの行動を促すデザインにしています。
  • 大きな画像を使いインパクトを与え、印象に残りやすいデザインにしています。
  • I・TOP横浜メンバーページでは、登録情報の確認・修正、ニーズ・シーズ情報の登録ができます。
  • 管理画面に承認機能を実装し、メンバーが登録した情報を確認・公開することができます。
レスポンシブデザイン 横浜市の企業・団体 会員制サイト 企画・イベント 管理機能

◆I・TOP横浜メンバーページ

I・TOP横浜メンバーページ(イメージ)

◆管理機能

管理機能(イメージ)

PASC Okayama JAPAN 2018
デザイン コーディング システム開発 サーバ運用

岡山市で開催される、各国のPASC(太平洋地域標準会議)メンバーに向けた「第41回 Pacific Area Standards Congress Okamaya JAPAN 2018」の特設サイト。参加希望者の登録ページや、プログラムやイベントの詳細・岡山へのアクセス情報などを掲載。半年間の期間限定サイトです。

  • お客様のご希望によりグリーンをメインカラーに使用。
  • PC対応のみ(レスポンシブ対応なし)ですが、念のためスマホ等でも読めるように1カラムで構成。
  • シンボルマーク(クライアントから支給)に岡山城が入っているため、トップは岡山城の写真をメインにし、全体的にシンプルで落ち着いたデザインに。
企画・イベント 英語
WAN Report for Cloud(WRC)
デザイン コーディング サイト運営 サーバ運用 企画
  • 他社との協業企画。宣伝の運営管理を行っています。
  • ロゴを作成。キーワードの頭文字に図柄を組み込み、アクセントにしました。
  • 大きなキャッチコピーで印象的なページにしています。
  • 現場の声でより詳しく説明し、安心感を与えています。
レスポンシブデザイン ロゴ作成 企画・イベント リスティング運用
くるま社会の未来を変えるスーパーアイテム 選ぼう使おうACC
くるま社会の未来を変えるスーパーアイテム 選ぼう使おうACC
デザイン コーディング システム開発 サイト運営 サーバ運用

ACC(アダプティブ・クルーズ・コントロール)の広い認知・普及を目的に作成された、一般社団法人・日本自動車連盟様(JAF)によるPRサイト。ACCが開発された理由、安全・疲労軽減・渋滞緩和など利用するメリット、注意点などの情報を掲載すると共に、『あなたのコメントがクルマの未来を変えるかも!』と銘打ち、各記事にコメント投稿機能や、コメントに対する共感を示すアクションを設けて双方向の意見が閲覧できるようにしている。

  • ACCについて“知識を深めてもらう”というイメージから、サイトデザインに黒板やメモ用紙など文具の要素を使用。親しみやすさと適度なアナログ感を心がけた。
  • ピクトグラムやシンプルなイラストを用いて、視覚的にわかりやすく、また車や人物像が特定のものをイメージされないように配慮。
  • 各記事に対するコメント投稿数をリアル表示したり、コメント共感ボタンを押すとカウントされるなど、インタラクティブなサイトであることをデザイン面でもアピールしています。
企画・イベント DB 投稿機能 管理機能
トヨタ交通安全センター モビリタ × JAF Mate プレゼンツ! ときめき運転レッスン in モビリタ
デザイン コーディング

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

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

全労済の保障の窓口である「共済ショップ」のアピールサイト。パララックスを用いてユーザーが楽しく閲覧しながら、明るい店内や親しみやすい雰囲気が伝わるように配慮。

  • 共済ショップの外観、店内の様子がわかりやすいように写真を多く用いながら、スクロールイベントなどで表示方法をアレンジし印象に残るように作成。
  • ファミリー、女性の方に親しみをもっていただけるように優しく落ち着いた配色で、かつシーンごとに背景色を変えることで単調にならなように配慮しました。
企画・イベント
全労済 交通安全啓発WEBサイト
全労済 交通安全啓発WEBサイト
デザイン コーディング システム開発 サーバ運用 企画 サイト運営補助

安全運転や交通マナーを守ることによる事故の未然防止と、事故が起きたときの対策として補償の準備をご提案する「交通安全なるほどクイズ」に挑戦できるWEBサイト。

  • 株式会社JAF MATE様による問題および解説の監修。
  • 全労済様のメインカラーのグリーンを基調とし、シンプルな選択問題・イラスト問題形式で気軽に挑戦できるよう配慮しました。
企画・イベント DB

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