Bloom & Foliage
Bloom & Foliage
Bloom & Foliage
Creating a user-friendly and visually appealing mobile web-app to showcase fresh flowers and plants.
Creating a user-friendly and visually appealing mobile web-app to showcase fresh flowers and plants.
Creating a user-friendly and visually appealing mobile web-app to showcase fresh flowers and plants.
UX/UI Design User Research
UX/UI Design User Research
UX/UI Design User Research
Project Context
In my first project for the Google UX Design Professional Certificate, I designed a mobile web-app for Bloom & Foliage, a local florist and plant shop. The objective was to create a user-friendly and visually appealing web-app that could expand their reach, attract new customers, and increase online sales. Throughout the project timeline, I conducted extensive research, created wireframes and prototypes, and iterated on the design based on usability testing feedback. This experience allowed me to gain insights into the e-commerce industry, user preferences in the floral market, and the critical role the checkout process plays in the user experience.
Design Prompt
Design a mobile-web app for a trendy local florist.
Goal
Create a user-friendly platform that showcases the wide variety of fresh flowers and plants, expanding their reach and increasing online sales and revenue.
Research
Through desk research, I discovered that checkout processes are critical for e-commerce sites, with high abandonment rates due to complex steps, unexpected fees, and security concerns. User research, including interviews and surveys, revealed key findings: users value clear product images, easy filtering, a seamless checkout process, and detailed information on flowers and plants. Based on the user research, two user personas were created to represent the target audience:
Problem
Traditional brick-and-mortar florist and plant shops have limited reach and provide a less personalized experience for their customers. With the growing demand for online shopping, Bloom & Foliage needed a user-friendly, accessible, and visually appealing web-app to establish a strong online presence and cater to a wider audience.
How might we create an immersive and accessible mobile web-app for users to discover and purchase high-quality flowers and plants?
In the digital age, users desire a seamless and visually appealing platform to explore, purchase, and care for their favorite flowers and plants.
Solution
Based on user research, the key features prioritized for the mobile web-app included intuitive product browsing, detailed product pages, and a simplified, secure checkout process. Low-fidelity wireframes and a prototype were developed to visualize and iterate on the design.
Usability Testing
A limited usability study was conducted on the lo-fi prototype to gather insights and identify areas for improvement in interface, navigation, and functionality. Key insights include: - Users found it easy to browse products and view product details and appreciated the simple and clean layout of the mobile web-app - Some users found the checkout process straightforward, but some users had difficulty selecting a delivery option - Some users reported that they would prefer more detailed product information, such as the plant's growing conditions or toxicity - Some users desired for more prominent product recommendations These insights led to improvements in the delivery options, more detailed product information, and prominent product recommendations.
Final Designs
Hi-fi wireframes and mockups were then created, incorporating high-quality imagery, clear product and care information, and a streamlined checkout process. The final design prioritizes a seamless and secure checkout experience, with options for express checkout and clear information about fees and delivery.
Conclusion
The mobile web-app showcases the products and provides users with a user-friendly and visually appealing shopping experience. Overall, the project taught me the importance of prioritizing user needs, the critical role of the checkout process, and the value of conducting usability testing.
Project Context
In my first project for the Google UX Design Professional Certificate, I designed a mobile web-app for Bloom & Foliage, a local florist and plant shop. The objective was to create a user-friendly and visually appealing web-app that could expand their reach, attract new customers, and increase online sales. Throughout the project timeline, I conducted extensive research, created wireframes and prototypes, and iterated on the design based on usability testing feedback. This experience allowed me to gain insights into the e-commerce industry, user preferences in the floral market, and the critical role the checkout process plays in the user experience.
Design Prompt
Design a mobile-web app for a trendy local florist.
Goal
Create a user-friendly platform that showcases the wide variety of fresh flowers and plants, expanding their reach and increasing online sales and revenue.
Research
Through desk research, I discovered that checkout processes are critical for e-commerce sites, with high abandonment rates due to complex steps, unexpected fees, and security concerns. User research, including interviews and surveys, revealed key findings: users value clear product images, easy filtering, a seamless checkout process, and detailed information on flowers and plants. Based on the user research, two user personas were created to represent the target audience:
Problem
Traditional brick-and-mortar florist and plant shops have limited reach and provide a less personalized experience for their customers. With the growing demand for online shopping, Bloom & Foliage needed a user-friendly, accessible, and visually appealing web-app to establish a strong online presence and cater to a wider audience.
How might we create an immersive and accessible mobile web-app for users to discover and purchase high-quality flowers and plants?
In the digital age, users desire a seamless and visually appealing platform to explore, purchase, and care for their favorite flowers and plants.
Solution
Based on user research, the key features prioritized for the mobile web-app included intuitive product browsing, detailed product pages, and a simplified, secure checkout process. Low-fidelity wireframes and a prototype were developed to visualize and iterate on the design.
Usability Testing
A limited usability study was conducted on the lo-fi prototype to gather insights and identify areas for improvement in interface, navigation, and functionality. Key insights include: - Users found it easy to browse products and view product details and appreciated the simple and clean layout of the mobile web-app - Some users found the checkout process straightforward, but some users had difficulty selecting a delivery option - Some users reported that they would prefer more detailed product information, such as the plant's growing conditions or toxicity - Some users desired for more prominent product recommendations These insights led to improvements in the delivery options, more detailed product information, and prominent product recommendations.
Final Designs
Hi-fi wireframes and mockups were then created, incorporating high-quality imagery, clear product and care information, and a streamlined checkout process. The final design prioritizes a seamless and secure checkout experience, with options for express checkout and clear information about fees and delivery.
Conclusion
The mobile web-app showcases the products and provides users with a user-friendly and visually appealing shopping experience. Overall, the project taught me the importance of prioritizing user needs, the critical role of the checkout process, and the value of conducting usability testing.
Project Context
In my first project for the Google UX Design Professional Certificate, I designed a mobile web-app for Bloom & Foliage, a local florist and plant shop. The objective was to create a user-friendly and visually appealing web-app that could expand their reach, attract new customers, and increase online sales. Throughout the project timeline, I conducted extensive research, created wireframes and prototypes, and iterated on the design based on usability testing feedback. This experience allowed me to gain insights into the e-commerce industry, user preferences in the floral market, and the critical role the checkout process plays in the user experience.
Design Prompt
Design a mobile-web app for a trendy local florist.
Goal
Create a user-friendly platform that showcases the wide variety of fresh flowers and plants, expanding their reach and increasing online sales and revenue.
Research
Through desk research, I discovered that checkout processes are critical for e-commerce sites, with high abandonment rates due to complex steps, unexpected fees, and security concerns. User research, including interviews and surveys, revealed key findings: users value clear product images, easy filtering, a seamless checkout process, and detailed information on flowers and plants. Based on the user research, two user personas were created to represent the target audience:
Problem
Traditional brick-and-mortar florist and plant shops have limited reach and provide a less personalized experience for their customers. With the growing demand for online shopping, Bloom & Foliage needed a user-friendly, accessible, and visually appealing web-app to establish a strong online presence and cater to a wider audience.
How might we create an immersive and accessible mobile web-app for users to discover and purchase high-quality flowers and plants?
In the digital age, users desire a seamless and visually appealing platform to explore, purchase, and care for their favorite flowers and plants.
Solution
Based on user research, the key features prioritized for the mobile web-app included intuitive product browsing, detailed product pages, and a simplified, secure checkout process. Low-fidelity wireframes and a prototype were developed to visualize and iterate on the design.
Usability Testing
A limited usability study was conducted on the lo-fi prototype to gather insights and identify areas for improvement in interface, navigation, and functionality. Key insights include: - Users found it easy to browse products and view product details and appreciated the simple and clean layout of the mobile web-app - Some users found the checkout process straightforward, but some users had difficulty selecting a delivery option - Some users reported that they would prefer more detailed product information, such as the plant's growing conditions or toxicity - Some users desired for more prominent product recommendations These insights led to improvements in the delivery options, more detailed product information, and prominent product recommendations.
Final Designs
Hi-fi wireframes and mockups were then created, incorporating high-quality imagery, clear product and care information, and a streamlined checkout process. The final design prioritizes a seamless and secure checkout experience, with options for express checkout and clear information about fees and delivery.
Conclusion
The mobile web-app showcases the products and provides users with a user-friendly and visually appealing shopping experience. Overall, the project taught me the importance of prioritizing user needs, the critical role of the checkout process, and the value of conducting usability testing.