Flow
Machines
Smart  Letter
Roju
Posto
Flow
Machines
Reality
Check
Akiko
Kamiyama
Roju
Minami
Aoyama
1 3

ソニーコンピュータサイエンス研究所様が研究・開発を進めているAIアシスト楽曲制作ツール・Flow MachinesのWebサイトリニューアルに伴い、アートディレクション、UX/UIデザイン、フロントエンド開発、WordPress開発をお手伝いしました。 Flow Machinesのプロダクトやコンテンツの拡充にあわせたWebサイトリニューアルプロジェクトです。

Flow Machines — Home

Flow Machines — Home

Webサイトのアートディレクションは、同時進行で進められているプロダクトデザインのカラー設定を踏襲しつつ、「音楽」や「AI」を連想させるオブジェクトを抽象化して表現しました。 初回ローンチの時点では公開できる情報が少なかったため、Flow Machinesがアーティストとどのように共創するかをオーディオヴィジュアライザーやイラストレーションなどを用いて表現していましたが、今回は公開できる楽曲が複数あったため、サイトを訪れたユーザーがその場で視聴できる「プレイリスト」を中心に据えてUXをデザインしています。

Flow Machines — Home

Playlist

実装面では、ほぼ1ページだったサイト構成を、新規コンテンツ含め複数ページになるように情報を再設計し、情報へのアクセシビリティとSEOを最適化しました。 また、Fluid Typographyにインスパイアされた流体サイズを採用しており、どのような画面サイズにおいてもバランスよくレイアウトされるように実装しています。

Executve List

Members

Timeline

History

Executve List

News

Timeline

News (detail)

CMSは引き続きWordPressで運用しており、既存コンテンツと同様、クライアント様ご自身でコンテンツを作成・編集できるエディターを実装しました。 ソニー様関連のプロジェクトでは毎度のことですが、WebアクセシビリティはWCAG2.0レベルAの水準を満たしています。

Client
Sony Computer Science Laboratories, Inc.
Project
Website
Creative Direction
Sony Creative Center, Kazunori Miura
Art Direction
Kazunori Miura
UX/UI Design
Kazunori Miura
Front-end Development
Kazunori Miura
WordPress Development
Kazunori Miura
Launch
2020.7
Related Link
https://kazunorimiura.com/images/portrait@1024w.jpg
An independent UX/UI designer based in Nasu, Japan.
三浦 和紀(1988-)
Scroll

自己紹介

フリーランスのUX/UIデザイナーです。Web・デジタル領域における事業、製品、メディアづくりのお手伝いをしています。「世の中に知ってもらいたいことがある」— そんなときはご相談ください。

取引企業

ソニー株式会社
株式会社ソニーコンピュータサイエンス研究所
ソニーデザインコンサルティング株式会社
株式会社ソニーAI
株式会社リクルートマーケティングパートナーズ
ファインコードアンドレトリック株式会社
グリーンフィールドキャピタル株式会社
株式会社CRAZY
株式会社 心電
有限会社タングラム
株式会社ケイジェンド・プロダクツ
株式会社ソーシャル・マインズ
レジットデザイン株式会社
株式会社ルーデンスフィールド
株式会社MakeWaves
1977 RECORDS

※順不同

事業内容・サービス

御社のデザインパートナーとして、企画、デザイン、開発、改善にいたるまで、一気通貫して(または一部でも)お手伝いいたします。 個人かつ横断的なスキルセットだからこそのスピード、柔軟性、コストパフォーマンスが強みです。

01.Webアプリケーションデザイン・改善

ヒアリング・市場調査に基づき、ターゲットを定めた上で、理想的なユーザー体験・ユーザーインタフェース、ブランドアイデンティティをデザインし、実装に近いプロトタイプを制作します。 ビジネスサイド、エンジニアサイドと対話しながら、プロダクション後も目標の達成に向けて伴走させていただきます。

事例

料金

お見積もり

02.Webサイトデザイン・開発・改善

顕在・潜在ターゲットを明確にした上で、適切な情報設計、ユーザー体験・ユーザーインタフェース、ブランドアイデンティティをデザインし、アクセシビリティ、SEOを考慮したWebサイトを制作します。 ドメイン取得やサーバー選定、リリース後の保守・運用、改善などもお任せください。

事例

料金

お見積もり

03.新規事業開発・R&D

御社が保有するアセットに新しい価値を生み出すアイデアの発見と実行をお手伝いします。 かつてソニーのトランジスタラジオがロックムーヴメントを加速させたように、どのような事業をつくり、誰を(または何を)エンパワーするのかまで想像した上で、 0→1の事業をデザインし、目標の達成に向けて伴走させていただきます。

事例

料金

お見積もり

04.DM制作・コンサルティング

DM(ダイレクトメール)の制作、集客・商談獲得のコンサルティングサービスです。 印刷会社とのパートナーシップにより、印刷から配送までスピーディかつ安価にご提供が可能です。

事例

料金

お見積もり

05.DXサポート

DXに取り組む企業様向けに、オンラインミーティングや電話・チャットツール等を利用したサポートをさせていただくサービスです。 現状のオペレーションや企業文化・慣習を理解し、デジタルに置き換えるのではなく"最適化"するアプローチでDX設計をお手伝いします。

料金

従量課金プラン 月額プラン
Basic Pro
オンラインMTG
チャットサポート -
電話サポート - -
料金 ¥7,500/1h ¥49,800 ¥98,800

※ 月額プランのオンラインミーティングは週1回・1時間です
※ 従量課金プランは必要に応じてサポートをご依頼できるプランです(オンラインミーティングのみ)
※ 料金は税別です

お問い合わせ

Scroll
Welcome👋