制作実績一覧

ミハマの靴 -ミハマ商会コーポレート&オンラインショップサイト-
デザイン コーディング システム開発 サーバ運用 企画

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

  • 製品の上質さが伝わるよう、白を基調としたシンプルなデザイン。
  • スマートフォン向けサイトを同時リリース。
  • サイトを運営されるお客様側の更新の負担を軽減すべく、新着情報はFacebookと連動、管理機能では写真をドラッグ&ドロップでアップロードを可能に。
スマートフォン対応 コーポレートサイト 横浜市の企業・団体 DB 管理機能 EC・オンラインショップ
公益財団法人 横浜市ふるさと歴史財団
デザイン コーディング システム開発

横浜の歴史と文化を継承し伝えることを目的とした、公益財団法人 横浜市ふるさと歴史財団のウェブサイト。
管理運営している横浜市内の諸施設や史跡について、概要やイベント情報などを掲載。

  • トップページに各施設のスライド写真やイベントなどの最新情報を掲載。情報欄は施設ごとに色分けして明るくわかりやすいデザインに。
  • お客様側での更新が容易に行えるようにCMS「concrete5」を導入。更新頻度やデザインを考慮して専用の更新用ブロックを作成。
  • 更新作業向けのガイドブックを作成して作業レクチャーを行い、公開後も運用をサポート。
コーポレートサイト 横浜市の企業・団体 CMS DB
くるま社会の未来を変えるスーパーアイテム 選ぼう使おうACC
くるま社会の未来を変えるスーパーアイテム 選ぼう使おうACC
デザイン コーディング システム開発 サイト運営 サーバ運用

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

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

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

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

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

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

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

  • 株式会社JAF MATE様による問題および解説の監修。
  • 全労済様のメインカラーのグリーンを基調とし、シンプルな選択問題・イラスト問題形式で気軽に挑戦できるよう配慮しました。
企画・イベント DB
薬物乱用防止サイト「ダメじゃん!危険ドラッグ」
デザイン コーディング 企画

薬物乱用防止の啓発を目的とした横浜市のサイト内にある健康福祉局のコンテンツ。

  • 閲覧対象を青少年に絞ってコンテンツを全面リニューアル。文章のライティングやイラストの制作も含めてサイト作成を行いました。
  • ポップなイラスト、サイト名を用いて若年層が興味をひくように配慮。
  • 行政のサイト内コンテンツということで画像の容量や大きさなど制限もあり、様々な閲覧環境を考慮しました。
横浜市の企業・団体 教育・福祉
公益財団法人 横浜企業経営支援財団
デザイン コーディング システム開発 CMS サーバ運用 サイト運営補助

市内唯一の「中小企業支援センター」として、中小企業等の経営基盤の安定・強化をはじめ、経営革新、新事業創出、創業の促進を図るための、総合的かつ継続的な支援事業と産業関連施設の管理運営を実施し、横浜経済の活性化と地域社会の健全な発展に寄与することを目的とした公益財団法人横浜企業経営支援財団のメインサイト。

  • 複数のウェブサイトに分散していた情報をメインサイトひとつにまとめました。
  • お客様が日常の更新作業を行う為、CMS(Movable Type)で制作。300ページを超えるサイトボリュームながら、約3か月という短期間での導入に成功しました。
  • ユーザー管理、オンライン相談受付など、多彩な機能をバックヤードで直観的に操作できる管理画面を併せて作成しました。
コーポレートサイト 横浜市の企業・団体 会員制サイト CMS DB 管理機能
松戸のホームドクター −松戸市医師会−
デザイン コーディング システム開発 サーバ運用 サイト運営補助

千葉県松戸市の病院の情報や、休日・夜間の診療対応などが検索できるウェブサイト

  • 検索機能の充実と共に、デザイン面では暖色系の色、イラストを多く利用し、あたたかさ・親しみやすさを表現。
  • 医師会の取り組みや内容をよりわかりやすく全面リニューアルした。
医療機関 DB 管理機能
二分脊椎症の予防|葉酸普及研究会
二分脊椎症の予防|葉酸普及研究会
デザイン コーディング システム開発 サイト運営 サーバ運用 企画

厚生労働省 難治性疾患克服事業・研究班である葉酸普及研究会からの情報発信サイト。

医療機関

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