Skip to main content

Making My Son a Website That Highlights His YouTube Channel @SurronColin

I recently had the chance to build a small website for my son—and it ended up being a fun mix of coding, creativity, and family time. The goal? Give him a place to share his SurRon Light Bee X adventures, bike mods, and videos. Here’s how it went down.

Why a Website?

He’s been riding, modifying, and filming his SurRon for a while, and wanted a space to show it off. Rather than just tossing links in chat apps or YouTube, I thought—why not make him something simple, personal, and fully his own?

I also saw it as a mini-project to experiment with responsive design, layout, and hosting tricks I’ve been playing with myself.

Planning the Build

Before writing a single line of code, I asked:

  • What’s the purpose? Share bike mods, videos, and ride stories.

  • Who’s the audience? Friends, family, and other SurRon fans.

  • How should it look and feel? Clean, bold, and mobile-friendly.

With those goals, I mapped out a quick structure:

  1. Homepage – Quick intro + links to key sections

  2. Projects/Mods – Photos and notes on his bike upgrades

  3. Videos – Embedded YouTube clips

  4. About / Contact – Short bio and easy way to reach him

Building the Site

I wanted something fast, flexible, and easy to update, so I kept it lightweight: HTML5, CSS3, and a sprinkle of JavaScript for small interactive touches.

Design Highlights:

  • Bold SurRon-inspired colors

  • Large, readable fonts

  • Minimal layout so photos and videos pop

Tech Highlights:

  • Optimized images for fast loading

  • Lazy-loaded videos to keep performance smooth

  • A custom favicon inspired by the SurRon logo (because details matter)

Lessons Learned

This project reminded me that family projects are different than client projects. The key takeaways:

  • Keep it simple. He wanted something fun, not fancy.

  • Iterate quickly. Draft → feedback → tweak → repeat.

  • Make it easy to maintain. Updating content should be painless for both of us.

The Result

Now, my son has a corner of the web https://surroncolin.com that’s truly his own. He can:

  • Show off his bike mods

  • Share ride videos

  • Explore his hobby with pride

And for me, it was a perfect excuse to experiment with layouts, responsive tricks, and small interactive touches I can apply to patrickcambria.com too.

Quick Tip for Anyone Building a Small Site for a Kid

Keep it simple, colorful, and fun. Make updates easy. And don’t forget little touches—like a favicon or playful fonts—that make the site feel personal.