Numanity: A new social environment
Numanity -
A new social environment
My first freelance SaaS product design job.
My first freelance product design job.
ROLES
ROLES
Information
Architecture
Information
Architecture
Product Design
Product
Design
Prototyping
Pitch Deck
Tools
Tools
Figma
Figma
Drive
Framer
Trello
Timeline
Timeline
2 months
2 months
Context
Context
In 2017 I helped the Numanity team create high fidelity prototypes, wireframes, and mock-up concepts before attending Tech Crunch - Disrupt in 2018. Numanity has undergone a hiatus or two over the years, but in the autumn of 2023 I was asked by the founder to create updated prototypes, a landing page, and even a pitch deck to present the idea to friends, colleagues, and investors.
In 2017 I helped the Numanity team create high fidelity prototypes, wireframes, and mock-up concepts before attending Tech Crunch - Disrupt in 2018. Numanity has undergone a hiatus or two over the years, but in the autumn of 2023 I was asked by the founder to create updated prototypes, a landing page, and even a pitch deck to present the idea to friends, colleagues, and investors.
ABOUT
ABOUT
Numanity is a platform that inspires and rewards personal and collective environmental responsibility - ushering in a new wave of sustainability practices both large and small.
Numanity is a platform that inspires and rewards personal and collective environmental responsibility - ushering in a new wave of sustainability practices both large and small.
Introduction
Introduction
[FREELANCE]
When I was asked to work on Numanity again after several years of hiatus, I was told that the main objective of my work would be helping convey the vision product. Keeping in mind that the wireframes, flows, mockups, and prototypes would not depict the final product with 100% accuracy, rather bring people up to speed with where the project was headed long term.
When I was asked to work on Numanity again after several years of hiatus, I was told that the main objective of my work would be helping convey the vision product. Keeping in mind that the wireframes, flows, mockups, and prototypes would not depict the final product with 100% accuracy, rather bring people up to speed with where the project was headed long term.
Start-up's need fast and efficient ways of getting people up to speed on the value of their ideas, the market that it exists within, how it will generate revenue, etc. Featured above is the deck I designed for Numanity in the fall of 2023 which outlines al of the major points in the business plan shared with me by the founder.
Start-up's need fast and efficient ways of getting people up to speed on the value of their ideas, the market that it exists within, how it will generate revenue, etc. Featured above is the deck I designed for Numanity in the fall of 2023 which outlines al of the major points in the business plan shared with me by the founder.
Project Objectives
Project Objectives
[OVERVIEW]
[OVERVIEW]
Create a unique brand style to build a design system around.
Create a unique brand style to build a design system around.
Map the information architecture in alignment with the founder's vision.
Map the information architecture in alignment with the founder's vision.
Create user-flows for product features that best illustrate the platform's USP.
Create user-flows for product features that best illustrate the platform's USP.
Design a pitch deck outlining all major takeaways of the Numanity business plan.
Design a pitch deck outlining all major takeaways of the Numanity business plan.
Create interactive prototypes using high fidelity mock-ups.
Create interactive prototypes using high fidelity mock-ups.
Information Architecture
Info. Architecture
[PLANNING]
[PLANNING]
Getting started, the founder and I met to plan the information architecture of the mobile app. Mapping the user journeys made it easy to identify which features highlighted the unique selling proposition of the platform.
Design System
Design System
[PRODUCT DESIGN]
[PRODUCT DESIGN]
Colors: Primary, secondary, tertiary, accent, and neutral colors in Hex codes
Colors: Primary, secondary, tertiary, accent, and neutral colors in Hex codes
Typography: Font families, sizes, weights, line heights, and spacing
Typography: Font families, sizes, weights, line heights, and spacing
Spacing: Standard spacing units (4px, 8px, 16px) for consistency
Spacing: Standard spacing units (4px, 8px, 16px) for consistency
Effects: Shadows, borders, and other visual effect
Effects: Shadows, borders, and other visual effect
Interactions: Hover, appear, press, loop, scroll, transform, speeds, etc.
Interactions: Hover, appear, press, loop, scroll, transform, speeds, etc.
Onboarding
Onboarding
[PRODUCT DESIGN]
[PRODUCT DESIGN]
I advocated to the founder that we include a sequence of questions or forms within the onboarding experience to help collect vital information about our user base. Learning their age demographic, where they first learned about Numanity, and what brought them to the platform are key bits of information that can be used to further guide the users experience, and assist with marketing efforts as well.
I advocated to the founder that we include a sequence of questions or forms within the onboarding experience to help collect vital information about our user base. Learning their age demographic, where they first learned about Numanity, and what brought them to the platform are key bits of information that can be used to further guide the users experience, and assist with marketing efforts as well.
"Action" Flows
"Action" Flows
[PRODUCT DESIGN]
[PRODUCT DESIGN]
Actions are the driving force for creating change. Numanity's mission is to guide those actions towards a more sustainable future, on both the individual level and the collective level. Users have the opportunity to earn actionable rewards by signing a petitions, passing crash courses, making donations, and creating eco content.
Actions are the driving force for creating change. Numanity's mission is to guide those actions towards a more sustainable future, on both the individual level and the collective level. Users have the opportunity to earn actionable rewards by signing a petitions, passing crash courses, making donations, and creating eco content.
Reward System
Reward System
[PRODUCT DESIGN]
[PRODUCT DESIGN]
According to the views of the founder, it was imperative to bringing positive reinforcement into the equation. Creating a reward system that incentives real world action requires real world rewards. The obstacle here being able to turn the non-quantifiable effects of actions taken by the users, and attach a fiscal value that could be used as a method of exchange.
According to the views of the founder, it was imperative to bringing positive reinforcement into the equation. Creating a reward system that incentives real world action requires real world rewards. The obstacle here being able to turn the non-quantifiable effects of actions taken by the users, and attach a fiscal value that could be used as a method of exchange.
Above is a three tier proposal for potential partners (NPOs, NGOs, and for-profit businesses) The tiers provide some flexibility in terms of the exchange rates between Numanity Points and the USD, giving partners the ability to choose their level of commitment.
Above is a three tier proposal for potential partners (NPOs, NGOs, and for-profit businesses) The tiers provide some flexibility in terms of the exchange rates between Numanity Points and the USD, giving partners the ability to choose their level of commitment.
Marketing Site
Marketing Site
[PRODUCT DESIGN]
[PRODUCT DESIGN]
Creating the Numanity marketing site was my first experience in Framer. While it is not currently still in use, it was really helpful to give the founder a live product that people could access independently.
Creating the Numanity marketing site was my first experience in Framer. While it is not currently still in use, it was really helpful to give the founder a live product that people could access independently.
Summary
Summary
[OVERVIEW]
[OVERVIEW]
Working directly with the founder to create this project provided me with many valuable insights into the needs of a start-up SaaS company.
Working directly with the founder to create this project provided me with many valuable insights into the needs of a start-up SaaS company.
Utilizing a design system speeds up design and creates consistency
Utilizing a design system speeds up design and creates consistency
Branding is more important outside of the platform than within
Branding is more important outside of the platform than within
Small teams can move quickly with the right direction
Small teams can move quickly with the right direction