2023 / 3Q
Logo Maker Shop
Seamless Text Editing Experience
2023 / 3Q
Logo Maker Shop
Seamless Text Editing Experience
2023 / 3Q
Logo Maker Shop
Seamless Text Editing Experience
The text editor allows users to personalize texts. This update enhanced the text editing experience by providing quick access to color and font options. As a result, user engagement with color and font features increased significantly by 33.1% and 188%, respectively.
The text editor allows users to personalize texts. This update enhanced the text editing experience by providing quick access to color and font options. As a result, user engagement with color and font features increased significantly by 33.1% and 188%, respectively.
About Logo Maker Shop
About Logo Maker Shop
About Logo Maker Shop
Logo Maker Shop is a mobile application that helps business owners create logos easily and cost-effectively, even without design skills. With over 8 million downloads and a ranking of 26th in the Graphics & Design category on the US App Store, it's a favored choice among early-stage entrepreneurs seeking to establish their brand identity.
Logo Maker Shop is a mobile application that helps business owners create logos easily and cost-effectively, even without design skills. With over 8 million downloads and a ranking of 26th in the Graphics & Design category on the US App Store, it's a favored choice among early-stage entrepreneurs seeking to establish their brand identity.
01
Facts
01
Facts
01
Facts
Release Date
2023 3Q
Released on
iOS, iPadOS
Duration
4 Weeks*
*Includes Planning, Design, Development, Design QA & Feature QA processes
Team
1 Product Designer, 3 iOS Developer,
1 Product Owner, 1 QA Engineer
My Roles
UX Design,
UI & Motion Design,
Design QA
Release Date
2023 3Q
Released on
iOS, iPadOS
Duration
4 Weeks*
*Includes Planning, Design, Development, Design QA & Feature QA processes
Team
1 Product Designer, 3 iOS Developer,
1 Product Owner, 1 QA Engineer
My Roles
UX Design,
UI & Motion Design,
Design QA
Release Date
2023 3Q
Released on
iOS, iPadOS
Duration
4 Weeks*
*Includes Planning, Design, Development, Design QA & Feature QA processes
Team
1 Product Designer, 3 iOS Developer,
1 Product Owner, 1 QA Engineer
My Roles
UX Design,
UI & Motion Design,
Design QA
02
Sprint Background
02
Sprint Background
02
Sprint Background
The text editing experience is one of the features that contribute most to the save activation rate. We identified critical user pain points and opportunities through user feedback, internal usability testing, and event data analysis.
The text editing experience is one of the features that contribute most to the save activation rate. We identified critical user pain points and opportunities through user feedback, internal usability testing, and event data analysis.
The text editing experience is one of the features that contribute most to the save activation rate. We identified critical user pain points and opportunities through user feedback, internal usability testing, and event data analysis.
Pain Point
Difficulty to Find Fonts
Pain Point
Difficulty to Find Fonts
Pain Point
Difficulty to Find Fonts
User feedback and internal testing have shown that exploring and finding a font is challenging due to the long font list and the inability to preview pro fonts.
User feedback and internal testing have shown that exploring and finding a font is challenging due to the long font list and the inability to preview pro fonts.
Opportunity
Boost the Engagement for Core Experiences
Opportunity
Boost the Engagement for Core Experiences
Opportunity
Boost the Engagement for Core Experiences
Text editing and color customization are some of the most frequently used features. Enhancing usability and simplifying these core experiences would greatly boost user engagement.
Text editing and color customization are some of the most frequently used features. Enhancing usability and simplifying these core experiences would greatly boost user engagement.
Opportunity
Higher Save & Export Conversion
Opportunity
Higher Save & Export Conversion
Opportunity
Higher Save & Export Conversion
Users who change fonts are more likely to tap the save icon in the editor than other actions. Hence, making personalization more accessible could lead to a higher willingness to save and export designs.
Users who change fonts are more likely to tap the save icon in the editor than other actions. Hence, making personalization more accessible could lead to a higher willingness to save and export designs.
Opportunity
Increase Subscription Rate via Pro Fonts
Opportunity
Increase Subscription Rate via Pro Fonts
Opportunity
Increase Subscription Rate via Pro Fonts
Since the first-time tutorial for new users covers text editing, including fonts in the text editor can increase subscription conversion rates through pro fonts.
Since the first-time tutorial for new users covers text editing, including fonts in the text editor can increase subscription conversion rates through pro fonts.
03
Hypothesis
03
Hypothesis
03
Hypothesis
By reducing the required steps for text customization and increasing awareness of the value provided by the pro fonts, we expect positive feedback, increased subscription rates, and more frequent text edits.
By reducing the required steps for text customization and increasing awareness of the value provided by the pro fonts, we expect positive feedback, increased subscription rates, and more frequent text edits.
04
Design Challenges and Solutions
04
Design Challenges and Solutions
04
Design Challenges and Solutions
01
A Quicker Way to Discover Fonts
01
A Quicker Way to Discover Fonts
01
A Quicker Way to Discover Fonts
To boost user engagement with customizing fonts, we decided to make the font picker accessible through the text editor. We also added a recommended section to let users quickly discover popular free and pro fonts. However, this new section and the text toolbar's fixed height made the layout design challenging. A new layout that is easy to use and aligned with the editor's design style was developed after various layout tests.
Previously, fonts with different styles, such as thin, bold, italic, etc., were listed one after the other. Therefore, the font list became much longer, and it was difficult to compare font faces. To address this, grouping font styles became necessary. The challenge was that not all fonts had multiple styles, and it was crucial to avoid adding another layer to the hierarchy that would require users to enter and exit before selecting a different typeface.
To boost user engagement with customizing fonts, we decided to make the font picker accessible through the text editor. We also added a recommended section to let users quickly discover popular free and pro fonts. However, this new section and the text toolbar's fixed height made the layout design challenging. A new layout that is easy to use and aligned with the editor's design style was developed after various layout tests.
Previously, fonts with different styles, such as thin, bold, italic, etc., were listed one after the other. Therefore, the font list became much longer, and it was difficult to compare font faces. To address this, grouping font styles became necessary. The challenge was that not all fonts had multiple styles, and it was crucial to avoid adding another layer to the hierarchy that would require users to enter and exit before selecting a different typeface.
02
Increasing the awareness of Pro Fonts
02
Increasing the awareness of Pro Fonts
02
Increasing the awareness of Pro Fonts
Previously, when users scrolled through the font picker, the fonts were instantly applied to the selected text, enabling users to quickly find their preferred fonts. However, free users were unable to preview how their text would look with pro fonts.
I developed several prototypes and conducted internal testing to enable free users to preview pro fonts with an intuitive interaction. Furthermore, I emphasized that users must upgrade to a pro membership to utilize pro fonts.
Previously, when users scrolled through the font picker, the fonts were instantly applied to the selected text, enabling users to quickly find their preferred fonts. However, free users were unable to preview how their text would look with pro fonts.
I developed several prototypes and conducted internal testing to enable free users to preview pro fonts with an intuitive interaction. Furthermore, I emphasized that users must upgrade to a pro membership to utilize pro fonts.
03
Text Editor Color Chips
03
Text Editor Color Chips
03
Text Editor Color Chips
Color features have one of the highest engagement rates in the editor. To make this process more direct and easy for our users, we decided to find a minimal way of introducing it in the text editor. Selecting an optimal number of color chips would help keep the feature minimal. Colors had to be chosen meticulously to offer choices evenly along the color spectrum and be easily distinguishable by users even with color vision deficiencies.
As applied colors became shown in the text editor, it was crucial to maintain high contrast between the text and the background for readability. To address this, I established a guideline for automatically changing the text editor's background color if the contrast between the background and text color falls below a certain threshold.
Color features have one of the highest engagement rates in the editor. To make this process more direct and easy for our users, we decided to find a minimal way of introducing it in the text editor. Selecting an optimal number of color chips would help keep the feature minimal. Colors had to be chosen meticulously to offer choices evenly along the color spectrum and be easily distinguishable by users even with color vision deficiencies.
As applied colors became shown in the text editor, it was crucial to maintain high contrast between the text and the background for readability. To address this, I established a guideline for automatically changing the text editor's background color if the contrast between the background and text color falls below a certain threshold.
05
Results and Lessons Learned
05
Results and Lessons Learned
05
Results and Lessons Learned
Engagement with text color and fonts increased by 33.1% and 180%, respectively. The significant 180% increase in font selection rate and 38.2% increase in subscription rate via pro fonts demonstrates that allowing users to preview all fonts, with clear instructions for subscription, effectively communicated the value we aimed to provide. Furthermore, we achieved a 38.2% boost in the new user subscription rate from all subscription events, excluding the onboarding funnel. Since all new users encounter the text editing feature through the tutorial immediately after onboarding, it's evident that the new text editor has had a positive impact.
On the other hand, the increase for the users who tap the "save icon" in the editor was minimal by 3.3%. This outcome suggests we need to explore ways to enhance the results so users are more inclined to export their designs after editing.
Additionally, the rate of users who tap the "Done" button within the text editor declined by 19.1%. It is possible to argue that additional features within the text editor created a need to undo for the changes applied. Therefore, this led to more people tapping cancel to go back to the initial state. Further investigation is required to determine if this issue needs to be addressed in future updates.
Engagement with text color and fonts increased by 33.1% and 180%, respectively. The significant 180% increase in font selection rate and 38.2% increase in subscription rate via pro fonts demonstrates that allowing users to preview all fonts, with clear instructions for subscription, effectively communicated the value we aimed to provide. Furthermore, we achieved a 38.2% boost in the new user subscription rate from all subscription events, excluding the onboarding funnel. Since all new users encounter the text editing feature through the tutorial immediately after onboarding, it's evident that the new text editor has had a positive impact.
On the other hand, the increase for the users who tap the "save icon" in the editor was minimal by 3.3%. This outcome suggests we need to explore ways to enhance the results so users are more inclined to export their designs after editing.
Additionally, the rate of users who tap the "Done" button within the text editor declined by 19.1%. It is possible to argue that additional features within the text editor created a need to undo for the changes applied. Therefore, this led to more people tapping cancel to go back to the initial state. Further investigation is required to determine if this issue needs to be addressed in future updates.
“Design is the beauty of turning constraints into advantages.” — Aza Raskin
“Design is the beauty of turning constraints into advantages.” — Aza Raskin
“Design is the beauty of turning constraints into advantages.” — Aza Raskin
“Design is the beauty of turning constraints into advantages.” — Aza Raskin