国内最大級の総合電子書籍ストア「BookLive」の運営会社でもある株式会社BookLive様の新規事業、「Xfolio（クロスフォリオ）」のサービスサイト制作を担当いたしました。Xfolioは、『これまでよりももっといろんな人に自分の作品を見てほしい』『たくさんの人にクリエイターとしての自分を知ってほしい』そんな想いを持つ全てのクリエイターのために作られた、統合プラットフォームです。
アウトプット
Xfolioは、豊富なデザインテンプレートからオリジナルのポートフォリオを作成するポートフォリオ機能をはじめ、クリエイターが作成したコンテンツを販売するダウンロード販売機能・自家通販機能、自分を応援してくれる人との交流基盤となるファンコミュニティ機能などのたくさんの機能で、クリエイターの作品がこれまで以上に輝けるよう、情熱的かつスマートにサポートする統合プラットフォームです。今回弊社では、XfolioのCI/VI開発からWebサイト制作、印刷物作成まで、幅広くご支援させていただきました。
CI/VI開発
Xfolioのブランドイメージを形成する最も基本的な存在のため、要件整理からブランドコンセプトの定義、目指す方向性などをBookLive様と協議し、CI/VI開発をいたしました。
サービスサイト制作
今回、BookLive様からのRFPをもとに、情報精査や必要画面の洗い出し、サイト上のUXを担保しつつも、いかに機能が損なわれないかをプロジェクトメンバー一丸となり考え、制作に取り組みました。 実際には、画面設計・データ設計・実装可否の確認から、ライブラリ・仕様の検討、場合によってはモックアップを作成し、BookLive様と合意形成を図りプロジェクト進行をいたしました。 デザインは、クリエイターの作品を際立たせるために白ベースでロゴのブルーをアクセントカラーで使用。シンプル且つ洗練されたデザインに仕上げました。クリエイター設定ページのみ、他ページとの切り分けをはっきりさせるために、黒ベースでまとめております。 コーディングにおいては、協業したシステム会社様の組み込み作業を考慮いたしました。 タスクランナーの中核としてWebpackを使用し各種タスクを実行、そのタスクはテンプレートや設計に合わせて構築しております（Node.js 実装）。 また、テンプレート化しやすいようなページ構成・コンポーネント設計にて実装いたしました。
ポートフォリオテンプレート制作
Xfolioのポートフォリオ機能を使えば、ユーザーは様々なテンプレートをカスタマイズし、自分だけのオリジナルポートフォリオサイトを制作することができます。 今回弊社では、トーン＆マナーの異なる合計10個のポートフォリオテンプレートを定義・制作いたしました。 テンプレートごとにデザインシステムをプランニングし、Webサイトにおいて一貫性を担保しつつ、ユーザーが期待する機能性やユーザビリティを実現。 コーディングにおいては、共通化部分やテンプレート独自の装飾などをCSS設計としてルール化し、多彩でありながら統一された実装となっております。
印刷物制作
Webサイト制作とあわせて、東京国際展示場で開催されたコミティア（プロ・アマを問わないクリエイターが作成した作品を発表・販売する展示即売会）での展示用ポスターや配布用リーフレット、原宿駅構内に掲出するサインボードのデザイン制作もいたしました。
depart inc. の求人情報
RECRUITS
