PokeHUB

Designed the interface for PokeHub, a dynamic web app that fetches real-time Pokémon data from the PokeAPI and allows users to explore, catch, and manage their Pokémon collection.

PokeHub is an interactive web application that functions as a modern Pokédex, combining real-time data from the PokeAPI with a playful, user-friendly interface. The app enables users to browse, filter, and interact with Pokémon in an engaging, responsive environment.

My Role:
Led interface design—responsible for layout, component structure, visual hierarchy, and UX flow. Focused on accessibility, thematic consistency, and optimizing user interaction across screen sizes.

Core Features:

  • Live Data Integration: All Pokémon data (images, types, abilities) is fetched dynamically from the PokeAPI, ensuring up-to-date and extensible content.
  • Interactive UI: Users can explore Pokémon via filterable tabs (All, Caught, Free), view detailed modals for each Pokémon, and mark them as caught or released.
  • Visual Design:
    • Color Scheme: Vibrant blue, light blue, and white echo the playful Pokémon aesthetic.
    • Typography: Irish Grover for headings/buttons and Inria Sans for content—striking a balance between fun and clarity.
  • Accessibility: Designed with keyboard-friendly navigation, semantic HTML, and clear visual feedback for all interactions.

Technical Stack:

  • Frontend: HTML5, CSS3, JavaScript (ES6+)
  • API: PokeAPI for Pokémon metadata and imagery
  • UI Design: Figma prototypes, component library, and mobile-first layout strategy