Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
システムを魅力的にする処方箋
Search
So Kotani / Crisp Code inc. CEO
July 02, 2022
Business
0
250
システムを魅力的にする処方箋
株式会社Crisp Code
https://crispcode.co.jp
So Kotani / Crisp Code inc. CEO
July 02, 2022
Tweet
Share
More Decks by So Kotani / Crisp Code inc. CEO
See All by So Kotani / Crisp Code inc. CEO
Crisp Code inc. | わたしたちの事例/実績 - Portfolio
so_kotani
1
210
Crisp Code コーポレート・サービス紹介 | Corporate & Services Introduction
so_kotani
0
38
生成AIと法の動向
so_kotani
1
60
生成AIを業務に落とし込むときに必要な観点
so_kotani
2
94
ties β版パイロットユーザー様向け資料
so_kotani
0
80
Crisp Code inc. ブランドガイドライン
so_kotani
1
110
Crisp Code サービス紹介 / 料金表 | Services & Price list
so_kotani
0
210
ties|ユーザーガイド
so_kotani
0
94
ties|クラウド顧客・案件管理システム - サービスのご紹介
so_kotani
1
180
Other Decks in Business
See All in Business
税理士法人チェスター_事務所紹介資料
mabhr
0
2.4k
「強い」エンジニアと働く中で、新卒1年目・未経験プロダクトマネージャーが何に悩み、どこに自分の価値を見出したか
kassy1127
15
6.4k
株式会社エビリー_会社紹介資料_ビジネス
eviryr_recruit
0
1.3k
20240401 新卒研修 - ピクシブにおける技術領域
harukasan
PRO
1
520
株式会社エビリー_会社紹介資料_エンジニア
eviryr_recruit
0
2.4k
アッテル会社紹介資料/culture deck
attelu
9
10k
ワンキャリア 会社説明資料 / Company Deck
onecareer
5
140k
VISASQ: ABOUT US
eikohashiba
13
420k
株式会社人機一体 + 会社紹介資料 + 2024.04.01 版
mmse
0
350
VISASQ: ABOUT DEV TEAM
eikohashiba
1
14k
KADOKAWA Connected|会社紹介資料/Corporate Introduction
kadokawaconnected
4
49k
MAGMA - Company Guide
magma_info
0
190
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
71
5.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
118
38k
Designing with Data
zakiwarfel
95
4.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
355
22k
Web development in the modern age
philhawksworth
201
10k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Designing the Hi-DPI Web
ddemaree
276
33k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.3k
Designing Experiences People Love
moore
135
23k
Transcript
システムを魅⼒的にする処⽅箋 株式会社Crisp Code ⼩⾕ 爽 2022.06.28 関⻄活性化プロジェクト © Crisp Code inc.
代表紹介 © Crisp Code inc. 2 1995.04 イギリス・ロンドンに4年間移住 1993.07 京都府京都市にて出⽣
2007.06 中学1年⽣の時、独学でホームページ開設 2012.03 須磨学園⾼等学校 卒業 2017.04 Crisp Code 創業 代表就任 2019.03 関⻄⼤学システム理⼯学部電気電⼦情報⼯学科 卒業 2019.04 ITベンダーに7ヶ⽉間勤務 2019.04 株式会社Crisp Code 設⽴ 代表取締役社⻑CEO就任 ⼩⾕ 爽 So Kotani
組織概要 © Crisp Code inc. 3 社名 株式会社Crisp Code [クリスプコード] 設⽴
2017年4⽉創業 2019年4⽉設⽴ 本社 所在地 〒530-0015 ⼤阪府⼤阪市北区中崎⻄1-1-6 吉村ビル701 メンバー 26名 (従業員・業務委託含む) 役員 代表取締役社⻑ CEO ⼩⾕ 爽 事業内容 WEB制作事業 システム・アプリ開発事業 グラフィックデザイン事業 ITソリューション事業 主要取引 銀⾏ りそな銀⾏ 三井住友銀⾏ PayPay銀⾏
Design x Technology デザイン ✕ テクノロジーで世界を変える Change the World with
Collaborate for Design and Technology © Crisp Code inc. 4 私たちのビジョン
私たちの事業内容 © Crisp Code inc. 5 デザイン チラシ・フライヤー パンフレット UI
/ UXデザイン 名刺・ロゴマーク ウェブページ制作 ECサイト制作 システム開発 アプリ開発 ウェブコンサルティング 技術顧問 SEO・MEO対策 運⽤保守 テクノロジー ✕ 世の中にWEB制作会社は数多く存在しますが、WEB業界は昔から縦割りで、分野を横断したサービスを提供できる会社は少ないのが現状です。 お客様の本当の課題解決をするためには、ITに関することを全て任せていただける会社でなければならないと考えます。Crisp Codeは様々なサービスを⽤意し、 ワンストップで提供することで、お客様から「とりあえずCrisp Codeに聞いてみよう」と思ってもらえるような会社を⽬指します。
このようなお悩み、ありませんか? © Crisp Code inc. 6 01 02 03 エンジニアが画⾯のデザインをせざるを得なくなっている
クライアントや利⽤者から使いづらいという声があがっている デザインルールがなく、雪だるま式にボタンが増えている システムが魅⼒的でないと感じる…
システムを魅⼒的にする処⽅箋 How to make the system attractive © Crisp Code
inc. 7
システムを魅⼒的にする処⽅箋 © Crisp Code inc. 8 システムのUI UXデザインに⼒を⼊れませんか
システムのUI UXデザインが悪かったらどうなる? © Crisp Code inc. 9 01 02 03
04 システムが安っぽく⾒え、 他のサービスが良さそうに⾒える 便利な機能があっても、 利⽤者が気づかず使ってくれない マニュアルを⾒ないと使えず、 利⽤者のストレスが溜まる 開発後の検品テストにおいて、 ⼿間が増える
システムのUI UXデザインが良かったらどうなる? © Crisp Code inc. 10 01 02 03
04 クライアントや利⽤者の満⾜度が上がり、 解約率が低下する ⾼機能でなくても、 利⽤者は便利だと感じる ⼿厚いサポート体制を整えなくても、 利⽤者が⾃⼒で問題解決できる デザインルールがあることで、 機能追加に強いサービスになる
システムのUI UXデザインが良かったらどうなる? © Crisp Code inc. 11 システムが魅⼒的でないと感じる… システムのUI UXデザインに⼒を⼊れる
統⼀デザインでブランド⼒や魅⼒が上がり、 システムのパーパスと価値を伝えられる
システムを魅⼒的にする処⽅箋 © Crisp Code inc. 12 wanted! 御社のデザインパートナーとして、 是⾮お声がけください
Crisp Codeの強み © Crisp Code inc. 13 01 02 03
海外のUI UXデザインを積極的に採⽤ 社内の40%がコーディング知識のあるデザイナー ⾃社サービスの開発経験がある
Crisp Codeの実績 Our works © Crisp Code inc. 14
Crisp Codeの実績 © Crisp Code inc. 15 リニューアル前の課題 お客様企業名 Econos
株式会社 ・デザインの統⼀感がない ・⽂⾔が統⼀されておらず、導線が分か りづらい ・ボタンが多く、優先度がわからない econos.jp econos.jp eco econos.jp p BEFORE BEFORE
リニューアル・改善 事例 © Crisp Code inc. 16 プロジェクト サービス内容 お客様企業名
導線・デザイン再設計 システムUI UX改善 UI UXデザイン改善 Econos 株式会社 AFTER AFTER econos.jp econos.jp eco econos.jp p
Crisp Codeの実績 © Crisp Code inc. 17 リニューアルの改善点 お客様企業名 Econos
株式会社 ・アイコンを使い、直感的な操作がで きるように変更 ・導線を洗い出し、ページ構成を⼀か ら⾒直し ・不要な機能を⾒直し、削除 ・⽂⾔の⾒直し econos.jp econos.jp eco econos.jp p AFTER AFTER
リニューアル・改善 事例 © Crisp Code inc. 18 プロジェクト サービス内容 お客様企業名
Nasa Home様 システムUI UXデザイン UI UXデザイン 株式会社 CI nasahome.co.jp n nasahome.co.jp p
nasahome.co.jp NasaHome | 管理者画⾯ Crisp Codeの実績 © Crisp Code inc.
19 UI UXデザイン内容 お客様企業名 株式会社 CI ・ワイヤーフレームを共有いただき、デ ザインルールを策定 ・ユーザー側と管理者側のデザインを PC版、SP版に分けて作成 ・並べ替えのUXなどを技術的な相談も ⾏いながらご提案 nasahome.co.jp n nasahome.co.jp p
共同開発・⾃社開発 事例 © Crisp Code inc. 20 プロジェクト サービス内容 ⾃社サービス
顧客・案件管理システム|ties UI / UXデザイン グラフィックデザイン ウェブページ制作 システム開発 ブランディング ties.work ties.work ties.w ties.work k
共同開発・⾃社開発 事例 © Crisp Code inc. 21 エクセルから脱却し、 顧客や案件の情報を 楽しく⼀括管理する
プロダクトストーリー “エクセルで顧客・案件の管理をしてい るが、情報が分散して困っている”とい うお客様の声を元に、tiesは⽣まれまし た。クラウドで⼀元管理し、⼈や情報 を繋げ ( = tie、複数形でties ) ることで 機会損失を無くすことを⽬指していま す。 業務システムは⾒にくく使いづらいもの が多いですが、⽇々使うシステムだから こそ楽しく使えるようUI / UXにこだわ りました。
システムを魅⼒的にする処⽅箋 © Crisp Code inc. 22 wanted! 御社のデザインパートナーとして、 是⾮お声がけください
© Crisp Code inc. Made with ♡ from Osaka, Japan.
23