Soumettre la recherche
Mettre en ligne
Webサービスをデザインするってどういうこと?
•
4 j'aime
•
1,427 vues
Kanako Kawahara
Suivre
スタートアップの女性デザイナーが登壇!Designer's Meetup★ / 2014.03.14
Lire moins
Lire la suite
Design
Signaler
Partager
Signaler
Partager
1 sur 37
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
デザイナーとエンジニアの良い関係
デザイナーとエンジニアの良い関係
Kanako Kawahara
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
Kenta Nakamura
20130113 01 dir-mtgスライド
20130113 01 dir-mtgスライド
Kenta Nakamura
Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法
Katsumi Tazuke
20130216 講演資料
20130216 講演資料
Kenta Nakamura
20121125 02 dir-mtgスライド02
20121125 02 dir-mtgスライド02
Kenta Nakamura
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座
光利 吉田
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
Kenta Nakamura
Contenu connexe
Tendances
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
Kenta Nakamura
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
20151011_出版記念講演:クオリティとスキルの話
20151011_出版記念講演:クオリティとスキルの話
Kenta Nakamura
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
Yusuke Kojima
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
INFOBAHN.inc(株式会社インフォバーン)
ディレクターが身につけておきたいチームビルディング
ディレクターが身につけておきたいチームビルディング
eriko yamada
初心者のためのUser Centered Designの考え方(入門編)
初心者のためのUser Centered Designの考え方(入門編)
Katsumi Tazuke
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
masaki sukeda
Webサービスを生む実践スタートアップ講座
Webサービスを生む実践スタートアップ講座
本間 和城
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
Concent, Inc.
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
20150404 講演資料
20150404 講演資料
Kenta Nakamura
【ゼロからのディレクション講座】サイト設計編
【ゼロからのディレクション講座】サイト設計編
本間 和城
groundwork-pasona-tech
groundwork-pasona-tech
masaaki komori
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
take-it
レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎
Hiroyuki Ogawa
Tendances
(19)
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
20151011_出版記念講演:クオリティとスキルの話
20151011_出版記念講演:クオリティとスキルの話
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが身につけておきたいチームビルディング
ディレクターが身につけておきたいチームビルディング
初心者のためのUser Centered Designの考え方(入門編)
初心者のためのUser Centered Designの考え方(入門編)
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
Webサービスを生む実践スタートアップ講座
Webサービスを生む実践スタートアップ講座
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
20150404 講演資料
20150404 講演資料
【ゼロからのディレクション講座】サイト設計編
【ゼロからのディレクション講座】サイト設計編
groundwork-pasona-tech
groundwork-pasona-tech
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎
Similaire à Webサービスをデザインするってどういうこと?
Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)
Yasuhito Yabe
concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)
Kazuhiro Matsuda
2015年のWebを考える
2015年のWebを考える
kenji goto
10/12 WordBench神戸 WordPressの学習方法
10/12 WordBench神戸 WordPressの学習方法
Yoshiko Sarakai
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
schoowebcampus
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
20101120 cssnite hiroshima_pmbok4
20101120 cssnite hiroshima_pmbok4
Chiaki Hayashi
141219 まにフェス
141219 まにフェス
rie05
いまさら聞けない!ホームページの立ち上げから運用体制構築
いまさら聞けない!ホームページの立ち上げから運用体制構築
Yasushi Taki
Lightning Talk
Lightning Talk
Takahiro Saeki
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
典子 松本
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
kenji goto
ウェブサービスのつくりかた
ウェブサービスのつくりかた
Shuhei Iitsuka
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
Saori Okayama
センスゼロエンジニアが ノンデザイナーズ・デザインブック を読んでどこまでできるか試す
センスゼロエンジニアが ノンデザイナーズ・デザインブック を読んでどこまでできるか試す
Tomoe Sawai
プログラミングに恋する方法
プログラミングに恋する方法
Reimi Kuramochi Chiba
Wiz_branding
Wiz_branding
WizDesign
お客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズ
Cherry Pie Web
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Cherry Pie Web
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
sogawaminoru
Similaire à Webサービスをデザインするってどういうこと?
(20)
Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)
concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)
2015年のWebを考える
2015年のWebを考える
10/12 WordBench神戸 WordPressの学習方法
10/12 WordBench神戸 WordPressの学習方法
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
20101120 cssnite hiroshima_pmbok4
20101120 cssnite hiroshima_pmbok4
141219 まにフェス
141219 まにフェス
いまさら聞けない!ホームページの立ち上げから運用体制構築
いまさら聞けない!ホームページの立ち上げから運用体制構築
Lightning Talk
Lightning Talk
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
ウェブサービスのつくりかた
ウェブサービスのつくりかた
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
センスゼロエンジニアが ノンデザイナーズ・デザインブック を読んでどこまでできるか試す
センスゼロエンジニアが ノンデザイナーズ・デザインブック を読んでどこまでできるか試す
プログラミングに恋する方法
プログラミングに恋する方法
Wiz_branding
Wiz_branding
お客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズ
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Adobe Illustratorによる WordPressテーマ作成ワークフロー
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
Webサービスをデザインするってどういうこと?
1.
Webサービスを デザインするって どういうこと?
の場合 Bracket, Inc. Kanako Kawahara 2014.3.14 スタートアップの女性デザイナーが登壇!Designer's Meetup★
2.
自己紹介と これまでの経歴
3.
河原 香奈子 @kanakt
2013.05- Bracket, Inc. デザインテンプレートの本、出しました。 WordPressで作る 魅せるWebサイトのデザインコレクション(マイナビ)
4.
・多摩美 情報デザイン学科卒 ・前職は少人数のWeb制作会社
・受託中心だったが、自社サービスも やっており、そっちの方が面白かった ・20代最後のチャレンジ!
6.
BRACKET 受託ではなく自社サービスのデザインを やってみたいと思っていたところ、
ローンチ時から注目していた STORES.jpのデザイナー募集があった。 コンセプトと世界観が好きだった。
7.
BRACKET 特にスタートアップで働きたい!という わけではなかったが、面白そうな会社を
探していたら、結果的にそうなった。 話を聞いてみた(Wantedly)ところ やっぱり面白そうだったので、入社した。
9.
最短2分で、驚くほど簡単に オンラインストアがつくれる
12.
STORES. jp 主にやっていること
・新機能、既存機能の見直し、改善など ・マーケットプレイスの制作 ・スマホ強化
13.
STORES. jp 地味にやっていること
・リリース用ビジュアル ・メルマガ ・PRアイテム
14.
STORES. jp× MARKET
「売れる」場所をつくる! マーケットプレイスを拡大中!
16.
基本的に1つのサービスですが 意外と手広くやっています。
17.
デザイナーの役割 STORES.jpの場合
18.
UI/UX. . .?
19.
DESIGN ・ユーザーが操作する部分のUI/UX設計 ・明快なビジュアルデザイン
・親しみやすいテキスト ・画面外のPRアイテム etc...
20.
DESIGN サービスのブランディングに 関わるものは基本すべてデザイン。
21.
DESIGNER 様々なアウトプットを介して、 サービスのビジョンやコンセプトを
まるっと可視化し、世界観をつくる人。
22.
DESIGNER デザイナーは、具体的に目に見えて 触れられるものをつくれるので、
ユーザーとの距離が近い。
23.
DESIGNER 最終的なアウトプットに 責任を持つのがデザイナーの役割。
設計から表現までが「デザイン」。
24.
DESIGNER 考え方は様々かと思いますが、 STORES.jpでは、デザイナーの
役割をこのように考えています。
25.
個人的に心掛けて いること4つ
26.
1 デザインを広く捉える 自分の領分を限定しない。
サービスに関わる全ての事柄において デザイナーの視点を持って向き合うこと。
27.
世界観を大切にする2 「こんなに簡単なの?」という驚きや ワクワク感
= STORES.jpの世界観。 世界観に沿った設計・表現をすること。
28.
3 アウトプットに執着する ひとりよがりのこだわりではなく、
サービスの信頼度を上げるという意思で アウトプットの質に執着すること。
29.
4 エンジニアと仲良くする デザインの意図をきちんと伝える。
積極的にコミュニケーションを取り 進め方などは臨機応変に対応すること。
30.
1 デザインを広く捉える 2
世界観を大切にする 3 アウトプットに執着する 4 エンジニアと仲良くする
31.
スタートアップ ならではのこと
32.
STARTUP リソースが限られている(1人)ため 今の状況で何をすると一番効果的なのか、
ちゃんと成長が見込める部分に力を注ぐ ことができてるかどうかは意識している。
33.
STARTUP 裁量、責任、可能性が 大きい
34.
STARTUP STORES.jpの成長と一緒に、 自分自身もデザイナーとして、
大きく成長したいと思っています。
35.
STARTUP Webサービスのデザイナーは まだまだ少ないので、
大きなチャンスがあるはず!!
36.
STARTUP ということで
37.
WANTED! ! ブラケットではデザイナーを募集しています!
一緒にSTORES.jpをつくりましょう!! 渋谷 / オフィスがおしゃれ / おやつとレッドブル無料
Télécharger maintenant