AI & Web Development Specialist

Project Overview

This professional business website was created as a design concept for TechSolutions Inc., a technology consulting firm. Inspired by Apple's minimalist style, it showcases a modern, corporate look with clean layouts and intuitive navigation, highlighting design and UX skills.

It serves as a refined concept that emphasizes clarity, professionalism, and a polished corporate aesthetic.

Key Features

Technical Implementation

Built with semantic HTML5 for accessibility and SEO, and styled using CSS Grid and Flexbox for flexible, adaptive layouts. JavaScript handles interactive elements like the mobile menu, smooth scrolling, and form validation.

Performance optimization includes image lazy loading, minimized CSS/JS files, and efficient asset loading. The modular codebase ensures maintainability and scalability, reflecting best practices for modern corporate websites.

Project Overview

This experimental project pushes the boundaries of conventional web design by embracing cyberpunk aesthetics—characterized by neon colors, glow effects, dystopian themes, and unconventional user interfaces. While intentionally "ugly" by traditional standards, it represents a deliberate exploration of alternative design languages.

By abandoning the safety of minimalist trends, the site uses luminous "energy" filters and raw structural elements to force user attention. This approach proves the "Ugly Site" theory: by breaking standard rules, a site becomes unforgettable and stands out in a sea of identical corporate designs. Despite its radical appearance, the site maintains total functional efficiency, ensuring that the unconventional layout never compromises the core user journey or data accessibility.

Design Experiments

Purpose & Learning Outcomes

This project demonstrates my willingness to explore beyond conventional design boundaries. It serves as a creative sandbox where I test radical ideas about color psychology, user tolerance for unconventional interfaces, and the emotional impact of "ugly" design.

Key learnings include: understanding the fine line between innovative and unusable, exploring how aesthetic discomfort can create memorable experiences, and developing advanced CSS animation techniques that could be applied subtly in more conventional projects.

Project Overview

MKJG Travel and Tours is a high-energy digital platform built to showcase the agency's 2026 promotional packages. Utilizing a striking yellow-and-blue color palette, the site creates an immediate sense of excitement and professional reliability through a custom-coded "Initializing" pre-loader.

The platform organizes travel opportunities into distinct International and Local categories using a responsive grid of Experience Cards. Users can explore high-resolution tour posters via a seamless modal gallery system that leads directly to integrated contact links for instant booking.

Key Features

Technical Implementation

The website uses a custom JavaScript booking engine that simulates real-time availability checking. CSS Grid creates flexible card layouts for destination displays, while CSS transitions provide smooth hover effects on travel packages.

Performance optimization was critical due to the heavy use of high-resolution images. Implemented lazy loading, image compression, and responsive image techniques to ensure fast loading times across all devices.

Project Overview

This compilation represents my backend development capabilities, highlighting projects completed during my Computer Science AI studies at a University. While frontend development is my current focus for client projects, this collection demonstrates the strong technical foundation that informs my approach to web development.

My background in AI allows me to view backend systems not just as data storage, but as intelligent engines capable of optimizing performance and driving sophisticated user experiences.

Featured Backend Projects

How This Informs My Frontend Work

My backend experience provides crucial insights that enhance my frontend development:

Performance Awareness: Understanding how backend decisions affect frontend performance allows me to make better architectural choices.

API Integration: Experience designing APIs helps me effectively consume them in frontend applications.

Problem-Solving: Backend development cultivates systematic debugging and optimization skills applicable to frontend challenges.

Full-Stack Perspective: Understanding the complete system enables me to create frontends that integrate seamlessly with backend requirements.