QOR CMS

概要

Qorをベースにラコステジャパンのオンラインストアシステムを構築しました。株式会社ファブリカでは既に実店舗で利用しているPOSシステムがあり、そのPOSシステム、チームラコステ・ポイントシステム、カスタマーサポート、また社内のITシステムなど、全てがスムーズに連携されることが求められていました。

ソリューション

サイトデザインはネットワイズが担当した他、内外部のベンダーとコラボレートしながら、約４ヶ月でプロジェクトを完成しなければなりませんでした。数社が連携して行なわれた当プロジェクトで最も困難を極めたのが、システム統合とその調整でした。 全てのシステムがうまく相互作用するよう微調整を繰り返したほか、カスタマーサポートシステムでは実際のワークフローに添ったカスタマイズシステムを作成し、実店舗でのPOSシステムやポイントシステムがAPIを通じてオンラインストアシステムと問題なく連携できるよう構築しました。その結果、オンラインでもオフラインでも一体的な作業の実施を可能にしました。

利用したプログラム

Ruby, Ruby-on-Rails, jQuery, SendGrid, AWS (EC2, EBS, S3, RDS, Elastic Load Balancing + our own special sauce), Memcache

QOR CMS

概要

My ASICSはアシックスヨーロッパが提供するオンライン・ランニングサービスで、神戸にあるアシックススポーツ工学研究所(ISS)の研究結果を背景に構築されました。My ASICSは、練習計画の立案、トレーニング内容の記録、ランニング状況の分析など、ランナーがより良い走りを目指すためのツールを提供しています。

ソリューション

新しいMy ASICSは、当社のQor CMS、AQのデザイン、そして適応型パスのユーザーリサーチを元にして作成されました。使いやすいサイト構築はもちろん、ISSによるランニングサイエンスの理解に多くの時間を割き、ランナーがそれぞれの目標を、レベルに合わせて作成することができるように努めました。現在サイトは７カ国語で提供されていますが、今後他の言語でもサービス拡張予定です。My ASICSは継続的な開発され、それに基づく新機能やデータが定期的に追加されています。

利用したプログラム

Ruby, Ruby-on-Rails, MySQL, jQuery, HTML5, Raphael JS, Selenium automated browser testing, SendGrid, AWS(EC2, EBS)

QOR CMS

概要

東京イラストレーターズソサエティ(TIS)は200名を超すトップレベルのイラストレーターの方たちで構成されている組織です。以前のサイトでTISが抱えていた問題の１つが、メンバーの最新作品の適時公開に対応できていなかったことがあげられます。また、日本語のみで展開されていた為、日本コミュニティ外へのアプローチができていませんでした。

ソリューション

Qor CMSのテクノロジーを利用し、多言語に対応した他、マルチユーザー機能を付加して、各メンバー自身で自分のページ編集を可能にしました。これにより、作品や自分にまつわるニュース、エッセイなどが最新の状態で常に公開できるようになりました。

それだけではありません。
Qorのテクノロジーの利点は、パッケージ化されたシステムと違い、不要なものは全て除外して、イラストレーターに本当に必要な機能だけを搭載することで、高いユーザビリティを実現することが可能なことです。この結果、数百人のメンバーの中でITが苦手な方でも、簡単に本システムを利用することができました。また、イラストレーターや閲覧者に楽しいサイトが届けることができただけでなく、ウェブ管理者の負担も大きく減らすことにも成功しました。

動画投稿サイト

概要

LOVELOCALは都道府県や市区町村など、地元をアピールするためのCM作品をクリエイターが自由に応募できるイベント用のサイトです。応募されたCM作品は、新着順・人気順・都道府県別に表示することができ、また作品ごとに一般ユーザが投票したり、コメントを投稿したりできます。さらに著名な審査員による選考が行われ、優秀作品には豪華賞品が贈られます。

ソリューション

短い準備期間しかなく、かつイベントに連動したサイトのため常に変更がありましたが、Ruby on Rails を使うことで迅速に開発を行うことができました。イベントの注目度があがるにつれ、サイトのアクセスも大きく上昇しましたが、キャッシュを有効的に使ったため性能にはまったく問題がありませんでした。また応募された作品は、運営委員による「承認」と「確認」が必要でした。そのため、管理画面には承認権限付きのワークフローを組み込んでいます。サイトデザインはAQが担当しています。

利用したプログラム

Ruby、Ruby on Rails、MySQL、Apache、jQuery

企業向けコンテンツマネジメントシステム

ケース

オニツカタイガー・ヨーロッパの課題は16に及ぶ国と言語で、それぞれに独自の製品データベース、地域ごとのコンテンツ管理に対応する必要がありました。これらを効率的に実施するために、ブラドイメージについては一箇所で一元管理しつつ、その他のウェブコンテンツについては各地域に任せることとしました。また、ウェブ以外のデバイスに対応する専用のフォーマット作成が要請されたほか、Googleマップなどの外部ソースに連結できることも条件の一つでした。

ソリューション

数カ国分のコンテンツをより容易な管理を可能にする為、アシックスヨーロッパのCMSをオニツカタイガー向けにシステムを拡張。カッコクのウェブマスターがそれぞれの製品在庫管理や翻訳などを簡単に実施できる為の独自のツールや機能を追加しました。

利用したプログラム

Flash, Ruby, MERB, Passenger, AWS (Amazon Web Serices) with EC2, S3 and Cloudfron

企業向けコンテンツマネジメントシステム

ケース

製品データ、イベント、お知らせ、店舗リスト、そして各地域独自の情報など全ての内容を複数の母国語が存在するヨーロッパ13カ国に対応させる必要がありました。効率的にウェブサイトを操作するために、ブランドイメージなどは一箇所で一元管理し、その他の内容については各地域に任せることとしました。また、簡単にGoogleマップ、Flickr、Twitterなどのアプリケーションが挿入できること、新しいキャンペーン情報が編集できること、必要に応じた機能の追加ができることをご要望としてあげられました。

ソリューション

カスタマイズのCMSを設計する際、MERBのフレームワークを利用することで効率的な開発の実現と、スピードや柔軟性の富んだサイト作成が可能になりました。CMS開発の際に導入を決めた機能の一つがインライン編集機能です。これを導入することでhtmlなどの専門知識がなくても簡単にウェブの内容変更や更新ができるようになりました。また、この機能は翻訳の際にも効果を発揮します。翻訳内容を見ながら作業ができるので、編集画面と実際のサイトを行ったり来たりしながら確認作業をするという手間が省けました。

結果

３ヶ月でサイトは完成、公開されました。弊社は引続きシステムとサーバーの最適化とメンテナンスをお任せいただいております。

利用したプログラム

Ruby, MERB, Passenger, AJAX, jQuery, nginx, Adobe Flex, AWS (Amazon Web Service) with EC2, S3, and Cloudfront

企業向けコンテンツマネジメントシステム

ケース

対ユーザー様、ならびに社内利用における使用感向上を目指して動画、画像、編集機能を効率的に管理するために、より良いシステムが求められていました。独自の要望に対応したシステム設計であると同時に、今後の機能拡張や移動が簡単にできることが挙げられていました。

ソリューション

Codelgnitorのフレームワークと弊社プログラマーの一人である桑田が開発したテンプレートシステムKwartzを利用して、MTVのご担当者様と一緒に作業を進めていきました。２ヶ月で作業は完了いたしましたが、引続き新機能搭載を弊社にご依頼いただきました。

利用したプログラム

PHP, Codelgniter, Kwartz, MySQL, jQuery

ネットショップ／CMS

ケース

製品紹介にはフラッシュインターフェース、ネットショップにはホワイトレーベルの通販システムが利用されており、サイト管理が大変むずかしく、最新製品が掲載されずに在庫切れの製品がいつまでも掲載されてしまうという状態になっていました。そのため売上は伸び悩み、顧客満足度の低下が問題になり始めました。

ソリューション

オープンソースであるRuby基盤のネットショップシステム、Substructをカスタマイズしてユーザーにとって簡単で分かりやすい買物の流れを作りました。また、ユーザーが支払・配送方法、ギフト包装の有無などの選択が１つのページで全て完了するようにサイトをデザインしました。

結果

２ヶ月後に新生Giraffe tieサイトは公開されました。特別なプロモーションなどをしていないにも関わらず、３ヶ月後にはネットショップ売上は1000％上昇。見た目を統一感溢れるものにしたこと、Giraffe tieの店舗スタッフが簡単にサイトを編集・更新できるようになり最新情報が常に掲載されていることが大きな要因となりました。

利用したプログラム

Rubu, RubyOnRail, Substruct, MySQL, Prototype

ソーシャルネットワーキングサービス

ケース

Factsはスイス大手メディアの一つTamediaのサービスでニュースをテーマにしたSNSサイトです。幅広い内容を限られた予算と時間でまとめあげることが課題となりました。

ソリューション

友人でもあるiAにページデザインを担当していただき、弊社ではSNSのプラットフォーム作成に専念しました。過去に既に作成していたものをカスタマイズして、ニュースサイトにふさわくなるように改良、納期であった３ヶ月後に公開いたしました。

結果

Facts.chはスイス・ドイツニュース市場最も成功したウェブサイトの一つとして高く評価されました。

利用したプログラム

Rubu, Rubu on Rails, Prototype, AJAX, Postgres

日本語・中国語ローカライゼーション（現地語化）

ケース

Dieselでは日本市場並びに中国市場へ向けてウェブサイトのローカライゼーション実施のため、英語のウェブコンテンツを日本語・中国語に翻訳した経験のあるスタッフと、全角文字を利用したフラッシュ作成経験のある開発者が必要でした。

ソリューション

翻訳に関しては、日本・中国市場向け翻訳の経験を豊富に持つスタッフを多く抱えるWiP様をご紹介させていただきました。全角文字対応のフラッシュについてはAction Scriptを利用して日本語・中国語の文章が適確に表現できるようにソースコードを完全に変更、また日本語や中国語で送られたメールが全国どこからでも正確に閲覧できるようにしました。

利用したプログラム

Flash, Action Script, PHP