手軽においしいケーキを楽しむ新しい選択肢

Lee Hippo Cake shop

手軽においしいケーキを楽しむ新しい選択肢

Lee Hippo Cake shop

Side project

Prototyping

UI/UX design

Mobile

手軽においしいケーキを
楽しむ新しい選択肢

Lee Hippo Cake shop

Side project

Prototyping

UI/UX design

Mobile

手軽においしいケーキを
楽しむ新しい選択肢

Lee Hippo Cake shop

「Lee Hippo」は、ケーキ注文アプリで、お客様は煩雑な外出や店舗での待ち時間を避けつつ、オンラインで手軽に気に入ったケーキを注文できます。

「Lee Hippo」は、ケーキ注文アプリで、お客様は煩雑な外出や店舗での待ち時間を避けつつ、オンラインで手軽に気に入ったケーキを注文できます。

制作期間

2023/05 - 2023/08 (約3ヶ月)

2023/05 - 2023/08 (約3ヶ月)

担当

UI/UXデザイナー

個人の自主制作です。

UI/UXデザイナー

個人の自主制作です。

課題

地元で人気のある洋菓子店において、オンラインで注文する際に発生している問題に対して、どのような改善点が考えられますか。

地元で人気のあるケーキ屋店において、オンラインで注文する際に発生している問題に対して、どのような改善点が考えられますか?

解決策

お客様が注文する際により効率的な体験を得られるように工夫し、同時に店舗の負担を軽減するためにデザインしました。

お客様が注文する際により効率的な体験を得られるように工夫し、同時に店舗の負担を軽減するためにデザインしました。

🔎 Background

このプロジェクトのきっかけは、台湾嘉義の「Lee Hippo」という地元の洋菓子店への深い愛から生まれました。
この店は地元の人たちに親しまれ、私も友達に積極的に勧めるお気に入りの店です。

🔎 Background

このプロジェクトのきっかけは、台湾嘉義の「Lee Hippo」という地元の洋菓子店への深い愛から生まれました。
この店は地元の人たちに親しまれ、私も友達に積極的に勧めるお気に入りの店です。

しかし、友達たちからは店舗のウェブ注文に関する不便さについての不満がありました。
具体的な調査を行った結果、この店はFacebookファンページを通じてしか注文を受け付けておらず、メッセージのやりとりに手間取り顧客にとって不便であることがわかりました。

しかし、友達たちからは店舗のウェブ注文に関する不便さについての不満がありました。
具体的な調査を行った結果、この店はFacebookファンページを通じてしか注文を受け付けておらず、メッセージのやりとりに手間取り顧客にとって不便であることがわかりました。

そのため、私はこの問題に対処し、便利でスムーズなオンラインプショピングを提供することを目指しています。

そのため、私はこの問題に対処し、便利でスムーズなオンラインプショピングを提供することを目指しています。

Design Process

Design Process

デザインプロセス

デザインプロセス

Research

Research

リサーチ

リサーチ

理解を深めるために、私は24歳~35歳までの人たちに対してユーザーインタビューを行いました。

具体的には、彼らのショッピング習慣、ニーズ、エクスペリエンスに焦点を当て、なぜ「Lee Hippo」を選んだのか、そしてショッピングプロセスで遭遇した困難や好みについて調査しました。

理解を深めるために、私は24歳~35歳までの人たちに対してインタビューを行いました。

具体的には、彼らがオンラインでケーキを注文する際の経験や感想、過去の経験について調査しました。

💬 Convergent thinking

💬 Convergent thinking

調査結果をまとめ、それに基づいてペルソナユーザージャーニーを作成しました。

感情の変動に焦点を当て、どの瞬間が特に重要かを明らかにしました。

調査結果をまとめ、それに基づいてペルソナユーザージャーニーを作成しました。

感情の変動に焦点を当て、どの瞬間が特に重要かを明らかにしました。

調査結果をまとめ、それに基づいてペルソナユーザージャーニーを作成しました。感情の変動に焦点を当て、どの瞬間が特に重要かを明らかにしました。

顧客が感じる高揚感や落胆などの感情のピークと谷を特定し、それをもとにペインポイント( 顧客が困難を感じる箇所 )を特定しました。特に、影響が大きくかつ解決が相対的に容易なペインポイントに焦点を当て、優先的に対処しています。

顧客が感じる高揚感や落胆などの感情のピークと谷を特定し、それをもとにペインポイント( 顧客が困難を感じる箇所 )を特定しました。特に、影響が大きくかつ解決が相対的に容易なペインポイントに焦点を当て、優先的に対処しています。

顧客が感じる高揚感や落胆などの感情のピークと谷を特定し、それをもとにペインポイント(顧客が困難を感じる箇所)を特定しました。

特に、影響が大きくかつ解決が相対的に容易なペインポイントに焦点を当て、優先的に対処しています。これにより、顧客が購買プロセスを通じてより良い感情を経験し、全体的な顧客満足度を向上させることが目標です。

これにより、顧客が購買プロセスを通じてより良い感情を経験し、

全体的な顧客満足度を向上させることが目標です。

これにより、顧客が購買プロセスを通じてより良い感情を経験し、

全体的な顧客満足度を向上させることが目標です。

これにより、顧客が購買プロセスを通じてより良い感情を経験し、全体的な顧客満足度を向上させることが目標です。

Sitemap

Sitemap

サイトマップ

サイトマップ

Wireframe

Wireframe

ワイヤフレーム

ワイヤフレーム

サイトマップを考えた後に、早速画面のラフをスケッチしました。

サイトマップを考えた後に、早速画面のラフをスケッチしました。

Feature Intro

Feature Intro

機能紹介

機能紹介

Main User Flow

Main User Flow

メインユーザーフロー

メインユーザーフロー

改善点 #1

改善点 #1

フィードバック:

‍食感や甘さなどを基準にして、ぴったりのケーキが検索できない。

フィードバック:

‍食感や甘さなどを基準にして、ぴったりのケーキが検索できない。

解決策:

検索ページに「絞り込み」機能を追加し、デフォルトで提供された条件もあるので、ユーザーは迅速に希望に合った結果を得ることができます。

解決策:

検索ページに「絞り込み」機能を追加し、デフォルトで提供された条件もあるので、ユーザーは迅速に希望に合った結果を得ることができます。

改善点 #2

改善点 #2

フィードバック:

ケーキの詳細ページで、「配送方法」の説明が長すぎて読みづらい。

フィードバック:

ケーキの詳細ページで、「配送方法」の説明が長すぎて読みづらい。

解決策:

「配送方法」内のテキスト内容を変更します。

解決策:

「配送方法」内のテキスト内容を変更します。

Usability interview

Usability interview

ユーザビリティテスト

ユーザビリティテスト

UIのフローを組み立て、それを高解像度のHi-Fi プロトタイプに仕上げました。

そして、ケーキ注文のプロセスに慣れている10人のテストユーザーを招待して、デザインがユーザビリティを向上させるかどうかを検証しました。

UIのフローを組み立て、それを高解像度のHi-Fi プロトタイプに仕上げました。そして、ケーキ注文のプロセスに慣れている10人のテストユーザーを招待して、デザインがユーザビリティを向上させるかどうかを検証しました。

ユーザビリティテストの流れは、以下のステップに分かれる

ユーザビリティテストの流れは、以下のステップに分かれる

フィードバックに基づき、デザインを改善する

フィードバックに基づき、デザインを改善する

改善点 #3

改善点 #3

フィードバック:

注文履歴の備考欄をお問い合わせ機能と間違えた。

フィードバック:

注文履歴の備考欄をお問い合わせ機能と間違えた。

解決策:

備考欄の下にメッセージ機能を追加します。

解決策:

備考欄の下にメッセージ機能を追加します。

Design Systems

Design Systems

設計系統

設計系統

Final thoughts

Final thoughts

振り返り

振り返り

💭 顧客のニーズを深く理解する

💭 顧客のニーズを深く理解する

このプロジェクトは私の初めての自主制作プロジェクトです。

特に重視しているのは、ユーザーエクスペリエンスを向上させるためのインターフェースデザインです。

しかし、これは私個人の視点と経験に基づくものであるため、本当に成功する製品を作り上げるには、ユーザーのニーズをより深く理解する必要があると認識しています。

設計段階ではユーザーを中心に考えてきましたが、実際のユーザーとの対話やフィードバックを通じて本当に有益な洞察を得ることができるとの認識があります。

そのため、ユーザーリサーチの手法を積極的に学び、これからのプロジェクトに活かします。

このプロジェクトは私の初めての自主制作プロジェクトです。特に重視しているのは、ユーザーエクスペリエンスを向上させるためのインターフェースデザインです。

しかし、これは私個人の視点と経験に基づくものであるため、本当に成功する製品を作り上げるには、ユーザーのニーズをより深く理解する必要があると認識しています。

設計段階ではユーザーを中心に考えてきましたが、実際のユーザーとの対話やフィードバックを通じて本当に有益な洞察を得ることができるとの認識があります。そのため、ユーザーリサーチの手法を積極的に学び、次のプロジェクトに活かしています。

All rights reserved © 2023 Yuri Liu

All rights reserved © 2023 Yuri Liu

All rights reserved © 2023 Yuri Liu