BUDABI.ART — CREATIVE MEDIA PLATFORM

Status: Completed & Live

Bu Da Bi Art is an independent culture and art platform based in Turkey. I built their website using custom HTML and CSS, without relying on external templates or frameworks.

Visit budabi.art

TECHNOLOGIES USED

HTML5 CSS3 JavaScript Web Design Responsive UI No Frameworks

BUDABI.ART is a multi-page web platform. This page outlines the main features, structural choices, and technical details I used while developing the final release of the project.

PROJECT HIGHLIGHTS

Multi-page Architecture

The site is divided into 5 main sections: Portfolio, About Us, Home, Dusunur, and Contact. The goal was to keep content organized and easily accessible.

Custom UI Elements

I developed custom UI components to handle the portfolio cards and page transitions.

Secure Contact Form

I implemented a custom contact form with topic selection and anti-bot protection mechanisms.

Media Integration

I embedded TikTok, YouTube, and Instagram content directly into the site to link visitors to the studio's social channels.

Responsive Layout

The layout uses CSS media queries and a custom grid system to scale correctly on mobile devices and desktop screens.

BEHIND THE SCENES

My main focus was keeping page load times fast and avoiding unnecessary JavaScript libraries. I used static routing and optimized local media to reduce latency.

Media Management

Instead of relying on heavy CDN services, all visuals are optimized and served locally for immediate loading.

Vanilla JavaScript

No frameworks were used for DOM manipulations. Form handling, menus, and animations are written entirely in pure JS.

SEO & Metadata

OpenGraph and Twitter card tags are configured to ensure the site displays correctly when shared on social media.

THE PROCESS

I intentionally avoided heavy frameworks like React or Vue. By relying directly on HTML and CSS, I ensured the project remained independent and portable. This approach keeps the codebase straightforward and easy to maintain.

For the design language, I wanted to reflect the independent spirit of Bu Da Bi Art. I created a custom grid system with a "mobile-first" approach to ensure the pages scale correctly on different devices.

WHAT'S NEXT?

CMS Integration

I am planning to integrate a Headless CMS so the team can easily publish their own articles and podcasts without ever touching the code.

Bu Da Bi Art Platform Screenshot 1

Yiğit Aybey is an interdisciplinary developer based in Turkey, specializing in the intersection of hardware and software. Combining his education in Mechatronics Engineering and Management Information Systems (MIS), Yiğit engineers IoT solutions using ESP32, designs PCBs with KiCad, and programs embedded systems in C++. On the software front, he develops interactive environments and games using Unity. He is currently open to freelance opportunities and global roles in IoT and embedded software engineering.