Maybelle Noguerra

Portfolio

(づ￣ ³￣)づ(っ˘̩╭╮˘̩)っ.

Project One

Challenge, I began by planning a simple yet elegant layout with a soft pastel palette to reflect my calm and creative personality. Using wireframes, I designed each section — Home, About, Skills, Gallery, Projects, and Contact — to feel organized, friendly, and aesthetic. Smooth scrolling and subtle animations were added for a relaxing, engaging experience.  
Outcome: A fully responsive portfolio that highlights my art, hobbies, and skills. It’s both personal and professional — showing who I am as a digital creator while keeping the design gentle, clean, and functional.
Stack: HTML, CSS, JavaScript.

Live demo Source

Project Two

An online gallery that highlights my digital artworks inspired by anime, BL manhua, and My Hero Academia. The design uses soft pastel tones with interactive image previews, hover effects, and subtle shadows that give each artwork a cozy, elegant frame.
✨ Highlights:

  • Organized by category (Fanart, Original, Commissions)
  • Lightbox feature for full-size viewing
  • Hover glow + soft shadow effects
  • Mobile-friendly design
  • Gallery cards with titles and short captions
    • 🛠️ Tools & Tech: HTML, CSS Flexbox, JavaScript Lightbox, Figma.

    Project Three

    concept for a pastel-themed online art store, blending e-commerce structure with cozy design. Built as a UI/UX project, it focuses on layout harmony, gentle micro-interactions, and user-friendly product browsing.
    ✨ Highlights:

  • Modern UI with floating cards and smooth transitions
  • Designed with mobile-first responsiveness
  • Pastel color system (blush pink, cream, soft white)
  • Figma prototype with hand-drawn icon accents
  • Conceptual checkout + cart animations
    • 🛠️ Tools & Tech: Figma, React (Concept), CSS Variables, Grid System.