ショーケース｜事業紹介｜OAK Co., Ltd

ディレクター

デザイナー

エンジニア

「バン写」カンバン撮ってお宝ゲット！ bansha.jp

Shooting®を利用した初のクロスメディアツールとして自社リリース。画像認識のアウトプット部に抽選サービスを組み込み、「バン写」としてリニューアル！サービスの企画、開発はもちろんのこと、イベント主催として「カンバン撮ってお宝ゲット！」を合言葉に渋谷１０９前にてビックイベントを開催。ステージでは“愛と真実のダンサー”スメリーをゲストに迎え渋谷を笑いの渦に巻き込み、「バン写」をアピール！大勢の参加者に素晴らしい体験を提供することができました。野外イベントでの緊急対応やアクシデントを想定してロジックをとことんまで追求しました。現場の状況に応じてリアルタイムで調整が出来るようにシステムのチューニングを行い、イベントの大成功につなげることが出来ました。今後も機能の検討を行い、より良いコンテンツとして成長させていく予定です。 “新感覚の楽しいツールの提供”をデザインのコンセプトとして据え、Shooting®のブランドイメージを損なうことなく、一般ユーザーに訴求することを目的としています。「カンバン撮ってお宝ゲット！」のテーマデザインからWEBのデザイン、そしてスメリーのイベント用ムービーが一連の意味を持ち、楽しいつながりを意識する形でデザインを行いました。		http://www.bansha.jp/

Flash｜モバイル｜クロスメディア｜イベント連動型｜屋外広告｜

企業公式サイト杉田エース株式会社様

企業サイトでありながら、ニュースリリースやコラムなど、常にホットでタイムリーな情報を発信している杉田エース様のウェブサイト。リニューアルを行うにあたり、綿密なオリエンテーションを行いました。ブランディングを意識したデザイン、使いやすく閲覧しやすい画面、自動更新部分でのインタフェイスなど全てを一新しました。もちろん「blog OK!」を組み込み、立ち上げ後の運営を見据えた設計を行っています。いままで以上に使いやすくなったとのお言葉を頂きました。表からは見えない「blogOK!」システム部分ですが、今回はひとつのメニューに投稿した記事を、別のメニューの記事一覧にも表示させる機能を組み込み、使い勝手の向上を目指しました。ハイクオリティなデザイン建築資材を扱っておられる杉田エース様の顔として企業イメージや取扱製品が、お客様に好印象を与えるデザインがコンセプト。パッと明るいホワイトの中にＣＩマークがいっそう際立ち、流れるようにナビゲーションさせることを意識しました。わかりやすくなったとご好評のお言葉を頂き、大変うれしいです。		http://www.sugita-ace.co.jp/

blog OK!｜CMS｜Flash｜XML｜メールマガジン｜コスト軽減｜Database

情報サイト「クラブエスタ」　杉田エース株式会社様

杉田エースが提案する新しいリフォームの形、その情報サイトとして「クラブエスタ」が発足しました。「時代ニーズに合ったリフォーム、安心・安全なリフォーム、ハイセンスでおしゃれなリフォーム」をコンセプトにフリーマガジンと連動した情報発信を行います。「杉田エース株式会社　企業公式サイト」で利用している「blogOK!」のエンジン部分と連動させることにより「機能は一つだけど多機能」な、あたかも別のスペシャルサイトとした見せ方が出来ました。実は企業公式サイトの１メニューとまったく同じ機能・構成なのですが、デザインのテンプレートを変更するだけで、別サイトのような見せ方が出来ます。シックでおしゃれなクラブエスタのイメージをそのままWEBで活かされたデザインとなっています。		http://www.sugita-ace.co.jp/clubesta/index.html

blog OK!｜CMS｜Flash｜XML｜メールマガジン｜コスト軽減｜Database

infoworker リーディングエッジ様

当サイトはITエンジニアのキャリアアップ全般に関わる豊富な情報を掲載していますが、「コンテンツから」と「業界から」の二軸の導線（入り口）を設けることで、ユーザーが自身の目的と立場に応じてスムーズに情報まで行き着けるようにしています。コンテンツについては、“最新技術をニュースや本紹介として伝える”、“雇う方と、雇われる方それぞれの視点での読み物コンテンツを設置する”、“コミュニティを設置する”、などの企画により、求人登録未ユーザーにとっても日常的にアクセスしやすいサイトとし潜在顧客の囲い込みを行えるように工夫しました。またリリース後の会員獲得のために必須となってくるこまめなコンテンツ更新やプッシュ型の情報提供についても、弊社のメールマガジン配信機能や自動更新機能（blogOK!エンジン）を組込み、非常に簡単便利に行っていただけるようになっています。このような取り組みにより、リリース後約3ヶ月で会員数1万人を突破し、また求人登録についても順調なペースで増加しています！ニュース配信では、提携した外部サイトよりニュース情報を自動取得し、記事の内容を管理画面から選別して再配信できる機能を備えました。また情報取得の際は、提携先サイトの負担にならないように一定の時刻で処理を行うことも配慮しています。会員管理機能については、blogOK!オプション機能であるメールマガジン配信に会員属性を持たせるようカスタマイズを行うことで、開発コストを下げるよう工夫しました。また、人材紹介のASPサービスとの連携により、選択した業種や職種の求人情報を表示できるだけでなく、管理画面から設定した企業だけの求人情報も表示できるようにしました。トップページを文字通り目次(index)にする為、更新がかかるコンテンツを全て盛り込んでます(SEO的にもgoodですしね)。また、コンセプトとなっている「業界」「コンテンツ」の2軸導線を感じさせるようカラーリングも一貫して配慮しています。その他、お客様がCMSにて更新をするコンテンツが多数ありますが、いかにもブログっぽい簡素なページになるのは避けたかったので手動更新で行っているかのような訴求力のある見せ方を意識して各ページのデザインを行いました。		http://www.infoworker.jp/

blog OK!｜CMS｜Flash｜Action Script｜XML｜メールマガジン｜会員管理

日経ビジネスオンライン経済指標グラフ株式会社日経BP様

「これまで手動で描画していたグラフ図を、すべて１箇所自動生成にしたい。しかもデザインは日本の経済グラフで一番かっこいいものにしたい。」　お客様からお預かりした高度なご要望に答える為、まずは国内外の経済業界の情報誌、ウェブサイトの情報を片っ端から調査しました。実験と挫折の繰り返しにもめげず、デザイン性、機能性、精度、制作コスト～全ての面からみて、お客様の期待に応えられるように励み、完成度の高い仕上がりとなっています。エクセルから出力したXMLをflashで読み取ることで、お客様の運用上のコスト削減を狙っています。プルダウンメニューで選択された情報からグラフのデータ、グラフ用紙のメモリの情報、プロットの数背景画像、全ての位置情報等々、多岐にわたる情報が全て計算されます。開いた状況によってデフォルトのグラフが違うことが求められたので、jsからプルダウンメニューと同様の操作が行えるように、グラフの書き換えに必要な情報は1グラフに対し、1つの数値だけになるよう全体を設計しています。またXMLを採用することで今後の拡張にも対応できるようにしています。ユーザーが使用する際に、“明解に”“使いやすく”を基本に、他のウェブサイトで表示しているこざっぱりとしたグラフのイメージを脱却させ、差別化を図っています。		http://business.nikkeibp.co.jp/

XML｜Flash｜Action Script｜Excel｜グラフ｜統計

カルチャーSHOwQ ～21世紀テレビ検定～東・名・阪ネット6様

番組における制作スピードと拘った内容の濃さに驚きながら、度重なる方向チェンジに共感しながら、みごと短期間に開設することが出来ました。番組の成長と共に、どんどん充実させていきます！完了ではありません、まだまだこれからです！番組のイメージやテレビというメディアの事を考慮し、初サイト訪問者に今までになインパクトを与えるような楽しさ、ワクワク度から番組への興味心を煽りたて、リピーターにはサイト独特のコンテンツも同時に楽しめる好奇心を持たせるようにしています。Flashクイズでは、次にユーザーが「どうすればいいか」が明解にわかるように考慮しています。		http://www.net-6.jp/show-q/

blog OK!｜Flash｜Action Script｜テレビ｜クイズ｜連動型｜スピード

トピー工業株式会社様　企業公式サイト

トピー工業様全情報の発信拠点として、情報整理されたサイトを目指しました。各事業部毎に独自の構成を持ち、さらに事業部情報の発信も可能になりました。blog OK!を専用に調整して用いたことで、複雑なシステムを簡潔に構築することが出来、お客様のコストの削減につなげております。コンセプトをしっかりと理解した上で、トピー工業様のブランドをデザインしています。鉄を連想させるような質感表現・配色をスマートに取り入れ、バランスの良さを心がけています。 BlogOK!のグループオプション機能によって、各事業部ごとに記事の投稿機能を制限しております。記事の承認機能もあり、上級管理者が承認しないと公開できないようになっています。また投資家様向け情報など重要なコンテンツにおいては、記事を投稿すると複数のエリアに掲載できるようなカスタマイズもしております。		http://www.topy.co.jp/

blog OK!｜コスト軽減｜グループ管理｜承認機能｜Database｜データコンバート

株式会社メディアファクトリー様　企業公式サイト

当サイトのポイントは、ズバリ「魅せるCMS」です！お客様が扱われている商品の特性上、サイトから受ける印象が商品や作品のイメージに直結しがちなため「商品を際立たせる質の高い見せ方」「ユーザー満足度の高いボリューム感」は必須！そんな重量感たっぷりなサイトをお客様で「全部・簡単に」更新管理していただけるように実現させました。CMSだとどうしても見せ方や機能に制限がありチープな印象になりがち・・・と思われてしまうことが多いのですが、その先入観を覆すことのできるサイトになっています。デザイン部分に関しては、綿密なデザインヒアリングを行い、ベストなデザインを突き詰めていきました。各カテゴリーのカラーリング設定については、お客様と幾度も推敲を重ね、商品全てに対してのイメージをいろんな角度から見た時にベストマッチする配色に辿り着くことが出来ました。ホームページの表紙としてのビジュアル的インパクトと機能的に便利であることの両立が必要であるコンテンツなので、ぎりぎりの中間点をみつけるため、全ての動的なものを瞬時に変えられるように作ってあります。人の好みは千差万別ですので、仮の要望でも、すぐに視覚的に見せれることで、一番いいバランスを発見しやすくなったと思います。大量アクセスに対処するため、すべてのページを html として出力されるようになっており、cgi などサーバに負荷のかかる処理が極力なくしています。サービス上は管理ツールから Windows Media Server との連動が行われるなどすべてのコンテンツが一元管理できるようになっています。また、html を出力するサーバ（管理サーバ）と公開されるサーバを分けることで利用者向けのサービスと運用者向けのサービスを切り分け、セキュリティー対策も行っています。		http://www.mediafactory.co.jp/

blog OK!｜CMS｜Flash｜Action Script｜Windows Media Server｜負荷分散

熟年生活応援マガジン「はいから」　株式会社アーデントウィッシュ様.

サイト全体にCMS（BlogOK！）を導入するためにサイト構成を見直し、メニューの表現方法や高齢者ユーザに配慮したUI設計をデザイナーと検討しました。お客様の負担を減らすためコスト減を目指し、今回は新技術やコストをかけなくても、応用力で勝負！！最小限のカスタマイズでの開発でオリジナリティを表現することに成功したと思います。落ち着いた配色～柔らかい書体を用い、御年配の方でも扱いやすいこと、そしてユニバーサルデザイン的な部分を最も強く意識したサイトデザインになっています。		http://www.hi-carat.co.jp/

blog OK!｜CMS｜コスト軽減｜ユニバーサルデザイン

株式会社白水社様　企業公式サイト

オークが独自に開発した自動更新管理ツール「blog OK!」を使った初のオールフラッシュの特設商品サイト付ホームページです。フラッシュによってSEO的に弱くなる部分の懸念を開発チームが打ち消しました。記事更新はもちろんのこと、リクナビ等のバナーの差し替えも管理機能で簡単にできます。ホームページご担当者様がほとんどすべての部分を更新できて、かつハイクオリティなデザイン性を実現することができます。 Flash コンテンツで問題とされるSEO対策を考慮し、Flashを表示するページに工夫を凝らし、htmlコンテンツも同時に出力が行われるようにしています。そしてxmlからの情報で外部画像を無限に反映させることも可能にさせました。Flashを修正することなく、jsのパラメータ2つを切り替えるだけで、アップした画像分だけのデフォルト画面を変えられます。（表紙の画像が入れ替わるというだけでなく、いきなり指定の画像の詳細ページに飛ばすことも実現しています。）　その他、TOPページのSEOを考慮しない部分にJSONを使用していますので、Flashコンテンツ側から更新された内容も、取り込んで表示されるようにしております。簡素かつクールな企業イメージがあり、それでいて人にとって心地よい空間を提供されているお客様のイメージに沿うべくデザインを起こしました。実績紹介では特に立体感を意識しています。また、SEOにおけるFlashのアイデア出しにおいて前々から悶々と考えていた手法が今回採用され、大変うれしいです！		http://www.d-hakusuisha.co.jp/

blog OK!｜Database｜JSON｜XML｜CMS｜FlashのSEO対策｜Action Script

Produce Maker 株式会社光和様

Windowsアプリケーション開発案件になります。本社から工場への指示出しの為の製作指示書を作成するアプリケーションですが、製作予定表、出荷一覧表など、管理用のドキュメントを出力することが可能です。入出荷管理、工程管理、在庫管理など、基幹系システムへの拡張を見込み、システム設計を行っています。画面デザインは、Windowsアプリケーション標準となっていますが、その分、UIへのこだわりとして、情報配列のわかりやすさ、各ボタンへの「キー割り当て」や、「Tab選択」など親切機能にもこだわりました。製作指示書など項目の多く、かつ重要な入力フォームに関しては、ディレクターと綿密に話し合い、見易さ・使い易さを意識して制作しています。また処理速度をアップさせるため、既存モジュールの改善と見直しを行い、ご担当の方より歓喜の声を頂きました。また今回はC#.netによる技術を採用し、次要求の幅を広げる取り込みを行っています。

ニッチアプリケーション｜Windows｜C#｜SQL-Server｜指示書

・WEBサイト
・モバイル
・テレメトリー
・ニッチアプリケーション
・テレビメディア