おかげさまで20周年

データベース連動サイトの制作実績

学校法人田園学園 荏田南幼稚園
デザイン コーディング システム開発 サイト運営 サーバ運用 企画

横浜市都筑区にある荏田南幼稚園のウェブサイトをレスポンシブデザインでリニューアル。
幼稚園の特色、募集案内などの他、毎月の園だよりの内容を掲載し、行事予定や折々の保育に関するメッセージを伝えている。

  • 「幼児期は人生の根っこ。太く大きな根をはることで、生きていく力を身につけます。」という教育方針から、キービジュアルに大きな木・根っこを採用。
  • 保護者向けの「インターネット版れんらく帳機能」で朝の連絡をWeb上で受け付け可能に。
  • 毎日を楽しく元気に過ごす子ども達をイメージし、カラフルな色使いでイラストを多く使用しています。
レスポンシブデザイン 横浜市の企業・団体 教育・福祉 DB 投稿機能 管理機能

◆欠席やお迎えの変更などの連絡をインターネットで受付

荏田南幼稚園 連絡帳機能(イメージ)

◆管理機能

荏田南幼稚園 管理機能(イメージ)

総合福祉サービスのアビリティーズ・グループ
デザイン コーディング CMS

福祉用具、在宅介護サービスを始め、様々なサービスで自立と尊厳性、QOLの向上を支援する アビリティーズ・ケアネット株式会社/NPO日本アビリティーズ協会のWebサイトをレスポンシブ& concrete5でリニューアルしました。

  • 高齢の方や身体の状況が様々な方にも利用いただけるように、文字サイズ、ピクトグラムの利用など配慮したデザイン。
  • お客様がサイト運用を容易に行えるようにCMS「concrete5」を導入。専用ブロックの作成やカスタマイズを実施。
  • ご要望により、用途別のブログを複数設置。
  • 更新作業向けのガイドブックを作成して説明会を行い、運用を支援。
レスポンシブデザイン コーポレートサイト 会員制サイト CMS 教育・福祉 DB
WILD RICE(ワイルドライス)
デザイン コーディング システム開発 サイト運営 サーバ運用 企画

契約農家さんの40種類の野菜を一番良い状態で、かつ素材を活かしたオリジナル創作料理を提供している横浜市都筑区にあるレストラン「WILD RICE」のウェブサイト。

  • 素材へのこだわりを伝えるためヘッダーに野菜や稲穂の画像を配置し、ベージュとグリーンを基調としたデザインに。
  • 画像を多めに使用し、グランドメニューも詳細に掲載することで、お店の雰囲気や料理のイメージが伝わるよう心がけた。
  • ブログを容易に更新できるよう投稿機能を工夫。
レスポンシブデザイン 横浜市の企業・団体 DB 投稿機能
Marktplatz(マルクトプラッツ)
Marktplatz(マルクトプラッツ)
デザイン コーディング システム開発 サイト運営 サーバ運用 企画

ワインを数多く取り揃え、フレンチベースの無国籍料理を提供している横浜市都筑区にあるレストラン「Marktplatz」のウェブサイト。

  • ロゴカラーをベースに、落ち着いた雰囲気のデザインに。
  • 画像を多めに使用し、グランドメニューも詳細に掲載することで、お店の雰囲気や料理のイメージが伝わるよう心がけた。
  • ブログを容易に更新できるよう投稿機能を工夫。
レスポンシブデザイン 横浜市の企業・団体 DB 投稿機能
横浜市歴史博物館
デザイン コーディング システム開発

横浜市都筑区にある「横浜市歴史博物館」のウェブサイト。
児童からシニアまで様々な年代の方が集う博物館として、わかりやすいサイト構成となるよう行動別、対象別にメニューを構成。多彩なイベントが一目で把握できるように、メインとなる展示を大きくアピールすると共に、トップページにイベントカレンダーを設置し、市民により便利に利用してもらえるサイトを目指した。

  • 幅広い年代、立場の方が利用するサイトとして、情報がわかりやすく伝わるようピクトグラムの利用など配慮。
  • お客様側での更新が容易に行えるようにCMS「concrete5」を導入。更新頻度やデザインを考慮して専用の更新用ブロックを作成。
  • 更新作業向けのガイドブックを作成して作業レクチャーを行い、公開後も運用をサポート。
レスポンシブデザイン 横浜市の企業・団体 CMS 英語 DB
社会保険労務士法人 東京労務
デザイン コーディング システム開発 サイト運営 サーバ運用 企画

東京都港区芝大門で、40有余年に渡り人事・労務の専門家集団として顧問先企業の満足と安心頂けるサポート体制を提供している社会保険労務士法人東京労務のウェブサイト。

  • ロゴカラーのブルーをアクセントに、落ち着いた雰囲気になるよう心がけた。
  • トップページには目的別にバナーを設け、該当ページへの導線を短くした。また今までにないカテゴリを設けることでコンテンツの充実を図った。
  • 既存の管理機能に資料等のアップロードや会員情報の管理機能をあらたに加え、機能の充実を図った。
レスポンシブデザイン コーポレートサイト DB 管理機能
ミハマの靴 -ミハマ商会コーポレート&オンラインショップサイト-
デザイン コーディング システム開発 サーバ運用 企画

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

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

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

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

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

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

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

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

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