Minds - new product pages with updated design system (Monolith task)
Goal
To redesign our landing page with our latest design system components (foundational). These include updates for typography, spacing and color palette. This is also an opportunity to incorporate motion into our landing page, and make a lasting first impression.
What needs to be done
- UX design / mockups of new product pages
- Framer link / published site link.
QA
- Designs meet
UX/Design
- Link to figma
Initial notion doc with Angular lib options -> https://www.notion.so/chints98/Minds-potential-angular-UI-templates-c8317e01457643668c46d0313361654f?pvs=4
TODO
- screens for developers.minds.com (has been updated)
- screens for minds.com (landing / marketing)
- screens for minds.com marketing template page
- template product page
- sitemap screens
- navigation and footer
Development plan
- Research tech stack
- Mobile responsiveness
- Potential frameworks / styling
Figma --> framer -- publish
Personas
- someone wanting to know more about Minds.com. We are assuming to design for the first time user who has no idea what Minds is, as well as the user who might have been referred to Minds.com, but wants to find out more about the product offering.
- Having a great, converting landing page that makes a great first impression for users.
Initial plan is for Michael and Chaitanya to co-design in Figma and then do this in Framer as a low/no-code way to spin up the landing page + product pages.
Experiments
Acceptance Criteria
-
Sign off from Bill -
Sign off from Michael -
Sign off from Ryan -
All designs utilize only components within our design system -
Product pages and website are responsive across a variety of screen sizes
Definition of Ready Checklist
-
Definition Of Done (DoD) -
Acceptance criteria -
Weighted -
QA -
UX/Design -
Personas -
Experiments
Minds
Edited by Chaitanya Prashant