Portfolio

Crafted to perform. Proven to endure.

Selected website projects and learning platforms delivered for founders, educators, and SMBs.
Each case study shows the problem, our approach, and the business impact.

Featured Projects:

FrenchWithShreya — Website Project

Lean brochure site with lead intake and booking handoff for a language brand.

Stack: Google Sites, GA4, App Scripts · 2025, WhatsApp integration, Student Enrollment, tutor Registration Web Forms, Payment Integration with Rozorpay & PayPal, Site Analytics, etc.

Case Study →

Overview:

Context: Language brand needed a brochure site with trustworthy copy and easy lead capture.
Challenge: Keep it lightweight (no custom backend) while enabling bookings later.
Goal: Ship fast, capture interest, and hand off to booking/admissions.

Approach:

Messaging: hero promise + social proof + FAQs for parents/students.
Build: Google Sites (for speed), compressed WebP banners, consistent CTA.
Intake: Contact form → Sheet; WhatsApp deep-link for quick queries.
Tracking: GA4 generate_lead, whatsapp_click, download_brochure.

Solution Highlights:

Clear paths: “School Support,” “A1–B1 Programs,” “TEF Prep.”
Downloadable one-pager (Drive PDF) for counselors/parents.
Accessibility & mobile readability checks.

Impact (initial):

Lower friction to inquire; ready path to paid consult or trial session.
Content structure supports future SEO expansion (FAQs/Insights).

Screens & Assets:

Home hero, Programs section, FAQs, Contact.
Stack: Google Sites, GA4, Forms→Sheets, WhatsApp link

CTA: Request a Proposal · See Care Plans

ByteCraft — Website Project

Clean, fast, conversion-ready services site for a creative-tech studio.

Stack: Google Sites, GA4, Apps Script · 2025, WhatsApp Integration, Web Form Integration & Site Analytics.

Case Study →

Overview:

Client/Context: ByteCraft, a creative-tech services studio, needed a modern site to showcase offerings and capture leads.
Challenge: No structured intake, unclear messaging, and slow edits.
Goal: Launch a fast, clean site with clear CTAs and basic analytics.

Approach:

IA & Copy: services pages, pricing cues, and distinct CTAs (“Get a Quote,” “See Work”).
Build: responsive pages, image optimization, favicon & OG share images.
Lead Flow: Google Form → Sheet log + Apps Script email to owner.
Analytics: GA4 events: view_services, generate_lead.

Solution Highlights:

Lean design system (typography, teal accent, components) for quick iteration.
Structured portfolio grid to add projects without layout changes.
Reusable section blocks (hero, value props, testimonials, CTA band).

Impact (initial):

Faster updates via modular sections.
Clearer funnel from Home → Services → Quote.
Baseline analytics to A/B test copy and forms.

Screens & Assets:

Home hero, Services overview, Portfolio grid, Quote form.
Stack: Google Sites / Vue, GA4, Forms/Sheets, Apps Script

CTA: Start a Similar Project

FWS – French with Shreya: Tech-Enabled Learning Platform

A language brand needed a reliable platform to run cohorts (A1–B1), assess learning with quizzes and assignments, and give instructors/parents clear visibility—without heavy ops. A cohort-ready LMS that’s lightweight to run, easy to update, and measurable from day one.

Stack: FWS (custom modules) · Firebase (Auth/Firestore/Functions/Hosting) · Google Calendar · Drive · GA4 · (optional) Looker Studio · Year: 2025

Case Study →

Overview:

Context: Cohort-based French learning required quizzes, progress tracking, and resource management.
Challenge: Combine bookings, assessments, and dashboards without heavy ops.
Goal: A reliable, instructor-friendly platform from pilot to production.

Approach:

Cohorts & Scheduling: calendar embeds + session pages with resources.
Assessments: quizzes/assignments, auto-scoring, simple feedback loop.
Dashboards: learner & instructor views (completion, accuracy, attendance).
Ops: lightweight care plan (backups, releases, error monitoring), GA4 events.

Solution Highlights:

Content library mapped to CEFR levels (A1–B1) with access rules.
Exportable progress reports (Sheets/CSV) for parent/school updates.
Optional AI helpers (writing feedback, vocab drills).

Impact (examples to track):

Onboarding time ↓, attendance ↑, quiz accuracy delta ↑, exports in one click.

Screens & Assets:

Learner dashboard, Unit quiz, Instructor view, Report export.
Stack: FWS, Firebase (Auth/Firestore/Functions), Drive, Calendar, GA4

CTA: Explore FWS · Request a Demo

PIPELINE PROJECTS

LWS Lite — Learn with Shreya (LMS)

Scope (PHASE 1)

Roles (Admin/Instructor/Learner), course structure, assignments, grade export.
Basic analytics (completion, time on task), multilingual content.
Next: certifications, parent/guardian view, integrations.

Scope (Phase 2)

1) Certificates & Badges:

Auto-generate PDF certificates on course/track completion (templated with name, cohort, date, CEFR level).
Micro-badges for unit mastery; badge gallery on learner profile.
Admin controls for reissues/revocations; tamper-resistant IDs/QR.

2) Parent/Guardian Portal (read-only):

Invite/Link guardian to learner (email token).
Dashboard: attendance, completion %, recent grades, upcoming sessions.
Notifications: weekly digest + low-progress alerts.

3) Advanced Assessments:

Question bank with tags (skill, difficulty, unit).
Randomized quizzes, pools, time windows, retakes policy.
Rubrics for written/oral tasks; inline grader with canned comments.

4) Content Workflows:

Draft → Review → Publish pipeline; version history & rollback.
Bulk CSV import for questions/content; Drive folder mapping.

5) Integrations:

Calendar write (create cohort events), ICS per learner.
Email/SMS notifications via provider of choice.
Optional SSO (Google Workspace/School ID) where feasible.

6) Analytics & Reports v2:

Item analysis (discrimination, difficulty), question-level heatmaps.
Cohort comparison report (term over term).
Scheduled monthly PDF to instructors/admins.

Deliverables:

Updated data model (certificates, badges, guardians, question bank).
3 certificate templates; badge set for individual units/subjects/modules.
Guardian portal pages; content workflow screens.
6 reports (item analysis, cohort compare, attendance summary, gradebook export v2, certificate log, guardian digest).

Acceptance criteria:

Certificate PDF generated within 5s after completion.
Guardian portal shows real-time attendance/completion, no edit rights.
Quiz randomization/pools configurable per assessment; grading logs captured.
CSV import handles ≥1k rows with validation & error report.
Monthly reports auto sent on schedule; manual re-send works.

KPIs to track:

Certificate issuance rate; % reprints.
Guardian adoption rate; open/click on weekly digest.
Assessment reliability: fewer repeat items; time-to-grade ↓.
Content throughput: draft→publish cycle time.

Timeline:

4–6 weeks (parallel streams: Assessments/Content, Guardians/Certs, Reports/Integrations).

Risks & mitigations:

PII & consent for guardian links → explicit consent + revocation flow.
Email deliverability → domain authentication (SPF/DKIM), fallback to in-app messages.
Report performance → pre-aggregations & scheduled jobs.

Dynamic Website Development Project

Scope (PHASE 1)

Component library (hero, cards, FAQ, testimonials), CMS-friendly content model.
Performance baseline (LCP ≤ 2.5s p75 mobile), GA4 events, care plan.
Next: blog/Insights, A/B testing, marketing landing pages.

Scope (Phase 2)

1) Insights/Blog System:

Posts with author, tags, cover image, scheduled publish.
Category pages + automatic OG/social images.
RSS/Atom feed (if platform supports; else roadmap for move to WordPress/Ghost).

2) A/B Testing & Optimization:

Test hero copy, CTAs, form length; define 2–3 experiments.
Lightweight A/B via GTM/GA4 or integrate a testing tool.
Success metrics dashboard (conversion lift, time to significance).

3) Marketing Landing Pages (Library):

Templated pages (campaign, webinar, lead magnet).
Reusable blocks: feature grid, testimonial scroller, comparison table, pricing cards, FAQ.
UTM capture + hidden fields → pass to form.

4) Lead Ops Enhancements:

Thank-you page variants with next action (calendar/book a call, download).
Auto-routing: form to Sheet + notify email; assign owner by service.
Lead SLA tracker (response-time calc) + monthly summary.

5) Schema & Enhancements:

JSON-LD for Organization, WebSite, Breadcrumb, Article, FAQ, Product/Service (as applicable).
Image WebP pipeline, srcset for responsive heroes.

6) Accessibility & Performance Hardening:

WCAG checks: color contrast, focus order, ARIA for accordions/carousels.
Performance budget & Lighthouse CI (manual if Sites; automated if Vue).

Deliverables:

User Logins
Blog/Insights pages + listing; 3 starter posts (drafts ok).
3 landing page templates (campaign, webinar, lead magnet).
A/B test plan (hypotheses, variants, KPIs) + GTM setup.
Lead ops sheet (owner, status, response time) + Apps Script.
Podcast integrations

Acceptance criteria:

LCP still ≤ 2.5s p75 on Home & top landing pages after new features.
Blog index renders ≤ 1.5s TTFB (hosting dependent).
A/B results visible in GA4 Exploration; conversion event configured.
Lead SLA dashboard shows % within SLA and median response time.
Schema validates in Google’s Rich Results Test; no critical a11y violations.

KPIs to track:

Organic entrances & top keywords; blog read-through rate.
Landing page conversion rate (by source/UTM).
Lead speed-to-first-response; % within SLA.
Core Web Vitals pass rate (mobile).

Timeline:

3–5 weeks depending on CMS choice and content volume.

Risks & mitigations:

Google Sites limits for blog/A/B → may need to consider external blog and use page-level redirects, preferred blog options at website level.
Asset bloat → enforce image budget (≤300KB hero), lazy-load below fold.
Tracking noise → consistent naming (generate_lead), DebugView validation.

Page updated

Google Sites

Report abuse