Web design / Direction / Freelance
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/71a667f7-1807-49de-881c-f038159ebc9a_rw_1200.png?h=7da7310bc7546b2c8a5117bb9e852bfb)
Payke【ペイク】
株式会社Payke
商品を多言語対応させ インバウンドデータを分析。
訪日外国人向けショッピングサポートアプリ「Payke」の開発・運営をしている株式会社Payke。
日本語を読むことができない海外からの消費者が、商品の「バーコード」をスマートフォン・タブレットでスキャンすると、多言語で商品の使い方、成分、価値を伝えることができます。
Paykeは、コロナウィルスの影響を受け、来日者減少により売り上げが激減しました。コロナが落ち着き、回復傾向にある昨今、訪日外国人の来日者数も右肩上がりになっています。
そんな中、ユーザー拡大、機能のアップデートに伴ったデザインの刷新をしたいと依頼をいただき、Paykeのフルリニューアルを担当させていただきました。
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/15af471c-8424-46d6-8302-2c8d2a8d6da8_rw_1200.png?h=a574c3a2fd00a664e1edead0618622d6)
要望 / 課題
・予算、納期内で実現可能な改修の知見がないため、ナレッジを生かした提案や交通整理もお願いしたい。
・ユーザー拡大に伴って、古くなったデザインを刷新したい。
・社内デザイナー向けのデザインガイドラインを作成し、テコ入れしやすくしたい。
・ユーザー拡大に伴って、古くなったデザインを刷新したい。
・社内デザイナー向けのデザインガイドラインを作成し、テコ入れしやすくしたい。
対応
・やること、やらないことを整理し、限られたリソースでの最大公約数を探る。
・各機能のアイコンなどを新しくし、アプリ全体が賑やかな印象を持ってもらえるように改修。
・共有されたワイヤーフレームを元に、使用カラーの定義やコンポーネントを共通化。
・カラー、使用フォント、コンポーネントをまとめたガイドラインを作成。
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/8edacc87-17f6-4586-b263-c30530f4ca29_rw_1200.png?h=0a5939cdbe6e80d51d38daf7fe55ef78)
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/ace0a1cc-87fb-47f4-9841-7324fdfa2ba6_rw_1200.png?h=dd281e88924498f9db93c4e8410e76c6)
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/63632e83-2093-4d86-9d2f-0993e3ceb665_rw_1200.png?h=4cc24998412bc51b7d7993c60f06e561)
![](https://cdn.myportfolio.com/3051420e-37e7-45b3-ab53-60fc0dbca80e/f698d476-39cb-4c7d-9cd5-3b0374216eec_rw_1200.png?h=f4f37931fcad606eac5cf477aa8ecb61)
結果 / 反応 / 学び
リニューアル後の初回リリースで、スコープに含めるか否かの議論に時間を使ってしまった印象がありました。
与えられたリソースに対し、最大限のパフォーマンスが出せるような事前準備やコミュニケーションの取り方が大切だと感じました。
生まれ変わったPaykeのデザインが社内に浸透し、今後の運用面で破綻しないよう軌道修正をかけていきます。
■ Tool
Adobe Illustrator / Adobe Photoshop / Adobe XD
■ Time
ラフ - 完成:4ヶ月