Personal Website, SEO Optimized
Helping Math Stack Tutor Go Global: A Clean, Conversion-Focused Framer Site
Challenge
•
The tutor initially had no dedicated online presence to showcase his work since everything was operated through WhatsApp chats.
•
Responding to potential students meant repeating the same details multiple times like his background, subjects taught, trial offer, and more.
•
The lack of a platform made it hard to build credibility and limited his ability to reach new students.
•
There was no way to attract organic traffic or scale his reach - everything relied on WhatsApp groups.
Solution
•
Designed a professional, personal brand website that gives the tutor a dedicated space to showcase his expertise, student results, and global reach.
•
Crafted a clear, structured content flow that answers FAQs, presents his credentials, and highlights his free trial offer.
•
Implemented a direct WhatsApp CTA for easy communication, while also positioning the site for organic discovery through SEO.
•
Achieved a perfect 100 score for SEO and best practices, and 90+ performance score (even with animations and interactions), ensuring both visibility and fast loading times.
•
Built using Framer with mobile optimization, and a modern, student-friendly layout that balances credibility with personality.
My Role
UX/UI Framer Designer
Features
Personal Brand Website
WhatsApp CTA Integration
Responsive & Mobile-Optimized
Framer Animations
100 SEO & Best Practice Score
Tools
Framer
(Designed & Development)
Figma
(UI Design)
Notion
(Documentation & Collaboration)
ChatGpt
(Content Ideation)
Adobe Suite
(Custom Illustrations)
Timeline & Status
5 days
Live on mathstacktutor.com
Javlections
This was a really fun project because my client had lots of inputs throughout! :'D
User Goals
Javlections
Future Steps
Expanding with Blog & Resource Pages
To boost SEO and build a more genuine connection, I plan to add more blog-style content. This will help showcase subject expertise, and also value for both students and parents.
Closing Thoughts
Accessibility is essential for usability
Designing for accessibility isn’t optional — it's a key part of creating a professional, trustworthy user experience. Balancing visual design with readable fonts, color contrast, and intuitive interactions is vital for this.
Closing Thoughts
SEO and Copywriting go hand-in-hand
I realized that writing for SEO is more than just keywords — it’s about structuring content meaningfully, using clear headings, and making every word intentional. Good copywriting directly impacted the site’s visibility and reach.
