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