9
9
Days class tme
3
3
Coding languages
4
4
Test users
Bonsai Collective
Challenge:
AI-assisted Design class project.
Social media app for Bonsai enthusiasts
AI-assisted Design class project.
Social media app for Bonsai enthusiasts
Solutions:
Name - AI-assisted branding
Intuitive flows - AI-assisted app design for mobile, iterated based on user feedback
Hand-coding - App coded by hand
Product-Market Fit - Market researched for real-world viability.
Name - AI-assisted branding
Intuitive flows - AI-assisted app design for mobile, iterated based on user feedback
Hand-coding - App coded by hand
Product-Market Fit - Market researched for real-world viability.
Award-Winning Design
Finalist class project, selected for demo
Finalist class project, selected for demo
Verified User Experience
User-tested and iterated for maximum intuitiveness
User-tested and iterated for maximum intuitiveness
Hand-coded
Working code for responsive app
Working code for responsive app
Location
Montréal
Industry
Social Media
Services
UI / UX Design, Market Research, Frond-end Dev
UI / UX Design Market Research Frond-end Dev
Tools
Copy.ai Writesonic 10Web.io Deep Dream Generator Figma
Figjam GitHub VScode
Link:
--
AI-tools for rapid ideation
Brand:
Brand:
Copy.ai
Copy:
Copy:
Writesonic.com
Initial design:
Initial design:
10Web.io
Writesonic.com
Deep Dream Generator (images)
Figma Wireframe Drawer plugin (wireframes)
Coding (no AI)
Skills developed:
Skills developed:
HTML5, CSS3
Github and VSCode
Responsive design with 2 breakpoints
JavaScript
User testing
User testing
Methodology:
Methodology:
4 users, between the ages of 30 and 71, from North America.
All were mid-to upper middle income.
All having disposable income and time to devote to a hobby like Bonsai growing.
Subjects were given 3 tasks, and told to think aloud.
4 users, between the ages of 30 and 71, from North America.
All were mid-to upper middle income.
All having disposable income and time to devote to a hobby like Bonsai growing.
Subjects were given 3 tasks, and told to think aloud.
Test results:
Test results:
UI seems clear and pleasant.
Participants (50%) reported confusion about what the signup was for.
1 user was unsure about the value proposition of the product.
Participants were split between looking for the information about the product in either "Our story" pages or "Meet the team" pages.
Participants had a 100% success rate in onboarding.
3/4 expected confirmation of completion of onboarding flow.
UI seems clear and pleasant.
Participants (50%) reported confusion about what the signup was for.
1 user was unsure about the value proposition of the product.
Participants were split between looking for the information about the product in either "Our story" pages or "Meet the team" pages.
Participants had a 100% success rate in onboarding.
3/4 expected confirmation of completion of onboarding flow.
Final UI
Data-informed design changes:
Data-informed design changes:
Added a dedicated CTA page to clarify the value proposition.
Reformatted the layout for better mobile-first design.
Combined the "Our story" page with the "Meet the team" for better intuitiveness.
Based on competitive analysis, I added an "Education" page to strengthen the business case.
Added a dedicated CTA page to clarify the value proposition.
Reformatted the layout for better mobile-first design.
Combined the "Our story" page with the "Meet the team" for better intuitiveness.
Based on competitive analysis, I added an "Education" page to strengthen the business case.
Justin Penney
ADP List mentor
Services
Strategic product design
Growth web design
Connect on LinkedIn
Justin Penney
ADP List mentor
Services
Strategic product design
Growth web design
Connect on LinkedIn
Justin Penney
ADP List mentor
Services
Strategic product design
Growth web design
Connect on LinkedIn