Skip to content

damerms/johnny-bongos

Repository files navigation

Johnny Bongos — Performance Showcase

Creative UI & Multimedia Archive


Tech Stack

  • Languages: HTML5, CSS3, JavaScript (ES6)
  • Design/UI: CSS Clip-path, Custom Illustration, Responsive Web Design
  • SEO/Performance: Semantic Markup, Organic SEO Architecture
  • Deployment: Netlify

Project Overview

In 2020, I designed and coded a responsive performance archive for Johnny Bongos, featuring custom bongo illustrations, experimental CSS clip-path navigation, and a media-heavy video album curated during the pandemic.

Portfolio Status

This project is currently Archived and is intended for showcase purposes only.

  • Status: Completed (2020)
  • Primary Focus: Creative Illustration, Responsive UI/UX, and Multimedia Integration.
  • Maintenance: This repository is not actively maintained.

Key Contributions

  • Branding & Illustration: Created the custom bongo drum illustration featured at the top of the site to anchor the visual identity.
  • UI/UX Design: Designed and prototyped experimental navigation layouts using CSS clip-path to push visual boundaries.
  • Front-end Development: Hand-coded the entire interface using semantic HTML and custom CSS, ensuring the site remained responsive across all devices.
  • Multimedia Implementation: Programmed custom JavaScript to manage the video album functionality, allowing for seamless playback of requested songs.
  • Organic SEO: Optimized site structure and markup to improve organic visibility and search engine performance.
  • System Architecture: Engineered the platform from the ground up to support a performant, media-heavy experience.

Links

About

In 2020, I designed and coded a responsive performance archive for Johnny Bongos, featuring custom bongo illustrations, experimental CSS clip-path navigation, organic SEO optimization, and a media-heavy video album.

Resources

Stars

Watchers

Forks

Contributors