Skip to content
View mg-wunna's full-sized avatar

Block or report mg-wunna

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
mg-wunna/README.md

Mg Wunna

Premium websites designed to help businesses grow online.

I design and build modern, high-converting websites for businesses, startups, and creators.

Live site Start a project Email GitHub


Full-stack product engineer Β· Based in Bangkok Β· Building production systems for businesses and startups


Project purpose

A premium conversion-focused studio website designed to attract freelance clients β€” not a developer portfolio. Every section is built to move a visitor from attention to a qualified lead.

Key features

  • Framer Porty-style work showcase β€” every project is a cinematic case study, not a card in a grid. Full-bleed cover, editorial story sections, alternating gallery, next-project navigation.
  • Lead-qualifying contact form β€” multi-step intake captures project type, budget, timeline, goals, and description. Stored to MongoDB via POST /apis/leads.
  • Apple / Linear / Stripe-inspired minimalism β€” Inter, generous whitespace, subtle motion, one accent color.
  • Light + dark mode β€” full parity via next-themes with a selector-based dark mode.
  • Framer Motion scroll reveals β€” respects prefers-reduced-motion.

What I build

Business Websites β€” premium product and company websites that build trust and convert.

Website Redesigns β€” modernize outdated sites with refined UX and visual identity.

Web Systems β€” dashboards, admin tools, and internal systems that scale.

MVP Development β€” startup-ready product builds from idea to launch.

Design philosophy

  • Apple-style minimalism
  • Studio-grade presentation (cinematic case studies, not card grids)
  • Conversion-first UX β€” every section guides toward the next step

Tech

  • Next.js 14 (App Router, TypeScript)
  • Tailwind CSS with semantic design tokens
  • Framer Motion for restrained scroll reveals
  • MongoDB + Mongoose lead store
  • Zod input validation
  • Inter via next/font

Routes

/ Β· /work Β· /work/[slug] Β· /services Β· /about Β· /contact Β· POST /apis/leads

Selected work

See the live site for the full case study system.

How I work

Discovery β†’ UI / UX Planning β†’ Design & Development β†’ Testing & Optimization β†’ Launch & Support

A focused process so you always know what is happening and what is next.

Local development

npm install
npm run dev

Visit http://localhost:3000.


Have a project in mind? Let’s talk β†’

Popular repositories Loading

  1. atomic-seat atomic-seat Public

    TypeScript 1

  2. mg-wunna mg-wunna Public

    My github read me page

    TypeScript

  3. faker faker Public

    Forked from faker-js/faker

    Generate massive amounts of fake data in the browser and node.js

    TypeScript

  4. activepieces activepieces Public

    Forked from activepieces/activepieces

    Your friendliest open source AI automation tool ✨ Workflow automation tool 200+ integration / Enterprise automation tool / Zapier Alternative

    TypeScript

  5. workflow workflow Public

    Forked from vercel/workflow

    Workflow DevKit: Build durable, resilient, and observable workflows

    TypeScript

  6. nest nest Public

    Forked from nestjs/nest

    A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript πŸš€

    TypeScript