BubbleNodes

BubbleNodes is a static marketing website I built using only HTML and CSS, focusing on clean layout, responsiveness, and clear information architecture for hosting products. I designed it to make plans, FAQs, and self-serve documentation easy to find and read.

Overview

BubbleNodes is a custom-designed site with a user-friendly main page, FAQ, knowledge base, and detailed hosting plans. The goal was straightforward: present hosting offerings professionally, reduce confusion for new visitors, and keep the site lightweight and fast with a pure HTML/CSS build.

My role

I handled the design and frontend implementation end-to-end. I translated the content structure (plans, features, FAQs, docs) into a simple, consistent UI system that stays readable on mobile and desktop.

What I built

• Landing page layout that highlights the value proposition and routes users into plans and documentation.

• Hosting plans section with clear tier comparison and scannable feature lists.

• FAQ page designed for quick answers and lower support friction.

• Knowledge base structure to support self-serve troubleshooting and product education.

Tech and constraints

• Stack: HTML + CSS only (no frameworks).

• Approach: semantic HTML, mobile-first responsive CSS, consistent spacing/typography, and reusable component styles (cards, buttons, section headers).

Outcome

The result is a lightweight, modern, responsive website that communicates hosting plans and support content clearly, while showcasing strong frontend layout and visual design fundamentals.

If you want this to feel more “real” in a portfolio, share what pages exist exactly (and any screenshots), and it can be updated with specific sections and a couple of measurable improvements (e.g., reduced page weight, improved Lighthouse scores, faster mobile readability).