Scribd
Upload
6 views3 pages

MemoTag Website Revamp Plan

The document outlines the objectives and requirements for revamping the MemoTag website, focusing on creating a responsive, animated one-page site that highlights the AI-powered dementia care platform. Key sections include the problem, solution, traction, and a call-to-action for users, with specific tech requirements for frontend and optional backend development. Deliverables include a GitHub repository and a live deployed version, with evaluation criteria based on UI/UX, responsiveness, and code quality.

Uploaded by

pastormuskan240
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views3 pages

MemoTag Website Revamp Plan

The document outlines the objectives and requirements for revamping the MemoTag website, focusing on creating a responsive, animated one-page site that highlights the AI-powered dementia care platform. Key sections include the problem, solution, traction, and a call-to-action for users, with specific tech requirements for frontend and optional backend development. Deliverables include a GitHub repository and a live deployed version, with evaluation criteria based on UI/UX, responsiveness, and code quality.

Uploaded by

pastormuskan240
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

✅ Task Title: MemoTag Website Revamp – Tier 1 Functional One-Pager

Objective: [Link]

Design and develop a fully responsive, animated, and high-conversion one-page


website for MemoTag — using [Link], Tailwind CSS, and Supabase or [Link]
Express as backend where needed.

Task Breakdown:

🔹 Page Goal:
To create a public-facing MemoTag explainer site that visually captures:

●​ The problem​

●​ The product (AI-powered dementia care platform)​

●​ MemoTag’s USP and technology​

●​ Key stats or traction​

●​ Call-to-action for caregivers/investors/doctors​

Tech Requirements:

●​ Frontend:​

○​ [Link] or [Link]​

○​ Tailwind CSS (modern layout, soft color palette, clean typography)​

○​ Animations via framer-motion or CSS (micro-interactions on scroll,


fade-ins, etc.)
​

●​ Backend (optional bonus):​

○​ Contact form using [Link] Express or Supabase Functions​

○​ Store form entries in PostgreSQL (Supabase)​

○​ Optional: signup for a waitlist​

Core Sections to Build (Mandatory):

1.​ Hero Section – Clean headline (e.g., “AI for Dementia Care”), subtext, CTA
button, animated visual (can use SVG or Lottie)​

2.​ Problem Section – Stats on dementia, diagnosis gaps, etc. (text + visual/graph)​

3.​ Solution Section – “How MemoTag Works” with icons or steps (physical +
cognitive tracking)​

4.​ Traction Section – Real stats (preorders, impact, partnerships)​

5.​ CTA Section – For caregiver interest or demo (form or link)​

6.​ Mobile Responsive Version – Must look great on mobile​

Design Expectations:

●​ Tier-1 design only. Check inspiration from:​

○​ [Link]

○​ [Link]

○​ [Link] or [Link] (for layout quality)


​

●​ Animations on scroll, hover, and smooth page transitions​

●​ Clean, human-centered typography and layout​

●​ Optional: A mock testimonial carousel or badge section​

Bonus (Optional but impressive):

●​ Dark mode toggle​

●​ Waitlist form storing emails in Supabase​

●​ Use Shadcn/UI for components where needed​

●​ Deploy on Vercel and send the live link​

Deliverables (within 2–3 days):

●​ GitHub repo with clean, readable code​

●​ Live deployed version (Vercel recommended)

Evaluation Criteria:

●​ UI/UX polish + visual taste​

●​ Tailwind layout and responsiveness​

●​ Animation fluidity (Framer Motion or CSS)​

●​ Componentization and code structure​

●​ Backend (if done): secure, functional, clean​

●​ Creativity + thoughtfulness in storytelling

You might also like