JL-Studios

Modern, Intuitiv, Responsive

Create professional websites with Jon Larsen

<code> Your dream website is just a few lines of code away <code>
Contact me now and let's get it online!

scroll down

UI/UX Design

Crafting intuitive and beautiful user experiences that blend form with function. I design interfaces that are not just visually appealing, but also accessible, responsive, and optimized for seamless user journeys across all devices.

Full-Stack Development

Building robust, scalable applications from the ground up. I develop custom solutions using modern frameworks and best practices, ensuring clean code, optimal performance, and seamless integration between frontend and backend systems.

Frontend Development

Transforming designs into pixel-perfect, interactive web experiences. I specialize in React, Next.js, and modern CSS techniques to create fast, responsive, and engaging user interfaces that bring your vision to life.

Early Years

2012-2016

Growing up with a passion for creativity and technology. Building my first websites, creating fashion designs and discovering the world of digital design.

Education

2022-2025

Pursuing formal education in AI, frontend development and design. Learning the fundamentals of programming, UI/UX design, and web development.

First Steps

2022-2024

Starting my professional journey. Working on freelance projects, building real-world applications, and refining my skills in modern web technologies and AI.

Growth

2024-currently

Expanding expertise in React, Next.js, AI, and full-stack development. Collaborating with teams, leading projects, and delivering impactful solutions.

Today

2025-currently

Creating innovative web experiences and continuously learning. Focused on building scalable, beautiful, and user-centric applications.

Featured Projects

A collection of projects showcasing my skills in web development, design, and innovation

Haiven - A cutting-edge AI-powered platform for generating high-quality images and videos using custom-traine...

Haiven

Featured

A cutting-edge AI-powered platform for generating high-quality images and videos using custom-trained machine learning models. Built for artists, designers, and content creators, Haiven offers advanced style transfer, real-time generation capabilities, and an intuitive interface. The platform integrates seamlessly with Replicate AI's API for powerful model inference, features user authentication and project management via Supabase, and delivers a responsive, modern UI with smooth animations and optimized performance.

Next.js 14TypeScriptReplicate AISupabaseTailwind CSSServer ActionsReact Hook Form
Tommy Choi Visuals - A professional media portfolio website designed to showcase creative video and photography work with...

Tommy Choi Visuals

Featured

A professional media portfolio website designed to showcase creative video and photography work with elegance and impact. The platform features a sophisticated content management system, dynamic project galleries with filtering and search capabilities, and seamless video playback integration. Built with performance in mind, it includes optimized image loading, smooth page transitions, and a fully responsive design that works flawlessly across all devices. The site leverages AWS for media storage and Neon Database for efficient data management.

Next.js 14TypeScriptNeon PostgreSQLAWS S3Tailwind CSSServer ComponentsImage Optimization
Posted Productions - A high-performance portfolio website for a leading media production company, featuring dynamic conte...

Posted Productions

Featured

A high-performance portfolio website for a leading media production company, featuring dynamic content management, interactive project showcases, and seamless client collaboration tools. The platform includes advanced filtering systems, real-time content updates, and integrated contact forms with automated email notifications. Built with modern architecture principles, it delivers exceptional loading speeds, SEO optimization, and a polished user experience that reflects the company's creative excellence. Deployed on Vercel with Google Cloud integration for scalable infrastructure.

Next.js 14TypeScriptNeon DatabaseGoogle CSVercelTailwind CSSServer ActionsEmail API
Dashi Website - An immersive restaurant website that beautifully blends Vietnamese and Japanese culinary traditions ...

Dashi Website

An immersive restaurant website that beautifully blends Vietnamese and Japanese culinary traditions through thoughtful design and storytelling. The site features an elegant menu presentation with interactive elements, cultural narrative sections, and stunning food photography galleries. Built with attention to detail, it includes online reservation systems, location integration, and a mobile-first responsive design that ensures an exceptional dining experience discovery. The platform showcases modern web development practices while honoring traditional culinary heritage.

Next.jsReactTypeScriptTailwind CSSFramer MotionGoogle Maps APIResponsive Design
InternConnect  - A comprehensive internship matching platform that connects talented students with innovative compani...

InternConnect

A comprehensive internship matching platform that connects talented students with innovative companies. The platform features advanced job search and filtering capabilities, user profile management, application tracking systems, and real-time notifications. Built with Material-UI for a polished, professional interface, it includes secure authentication, role-based access control, and analytics dashboards. The platform optimizes the internship discovery process with intelligent matching algorithms and provides both students and employers with powerful tools for successful connections.

Next.jsTypeScriptMaterial-UI (MUI)PostgreSQLAuthenticationServer ActionsEmail Integration
Xedrix  - A comprehensive educational platform and course management system designed to streamline student lea...

Xedrix

A comprehensive educational platform and course management system designed to streamline student learning experiences and administrative workflows. Built on WordPress with a fully integrated CRM system, Xedrix provides course enrollment management, student progress tracking, payment processing, and automated communication tools. The platform features an intuitive dashboard for both students and administrators, responsive design for mobile and desktop access, and robust content management capabilities. The CRM integration enables seamless student relationship management, automated email campaigns, and detailed analytics for course performance and student engagement.

WordPressPHPMySQLCustom CRM IntegrationElementorREST APIEmail Automation

Client Reviews

What our partners and clients say about working with us

"Working with JL-Studios on Haiven was exceptional. They built an AI-powered platform that perfectly captures our vision for artists and creators. The integration with Replicate AI and Supabase is seamless, and the user experience is intuitive and beautiful. The attention to detail in both design and functionality exceeded our expectations."

Haiven
👨‍💻

Alex Rivera

Founder & CEOHaiven

"JL-Studios created an outstanding media portfolio that showcases our work beautifully. The dynamic galleries, smooth animations, and optimized performance make it a joy to use. The site has become an essential tool for client presentations and has significantly improved our workflow. Highly professional and creative team!"

Tommy Choi Visuals
👨‍🎨

Tommy Choi

Creative DirectorTommy Choi Visuals

"The portfolio website JL-Studios built for Posted Productions is outstanding. It perfectly reflects our brand's creative excellence with its modern design and smooth user experience. The content management system is intuitive, and the site's performance is exceptional. Our clients are consistently impressed, and it has become a powerful tool for showcasing our work."

Posted Productions
👩‍💼

Sarah Martinez

DirectorPosted Productions

Many
Happy Clients
20+
Projects Completed
100%
Satisfaction Rate
5★
Average Rating

Get In Touch

Have a project in mind? Let's collaborate and bring your ideas to life. I'm always open to discussing new opportunities.