PRODUCT DESIGNER & FRONT-END DEVELOPER

HI —
BERNARD HERE

PRODUCT DESIGNER & FRONT-END DEVELOPER

Designing thoughtful products and building them with production-ready code. First-Class Computer Science graduate working across design and software development.

UX/UIFront-End DevelopmentDesign SystemsInteraction DesignAccessibility
First-Class
CS Degree
Computer Science from Aston University technical foundation for product design
Front-End
Development
Building interactive, production-ready interfaces with React, Next.js & Flutter
UX & UI
Focus Areas
Designing thoughtful experiences, prototyping interactions, and building functional products

I design, prototype, and build product interfaces from concept to implementation.

I work at the intersection of product design, interaction, and front-end development, bringing ideas to life from concept to functional interface. I’ve designed accessible digital services, built cross-platform mobile apps, and developed interactive prototypes that bridge the gap between user needs and technical feasibility.


My approach is evidence-driven: I translate research insights into actionable designs, prioritising features that deliver impact while maintaining clarity and usability. I thrive in ambiguity, turning complex challenges into working systems from inclusive user journeys and modular interfaces to production-ready front-end components.


By combining design thinking with engineering execution, I ensure that the solutions I create are not only beautiful and intuitive but also feasible, scalable, and maintainable. Whether it’s iterating on a high-fidelity prototype, building a responsive UI, or collaborating closely with engineers, I focus on creating products that people love to use and engineers love to build.

How I work

Evidence first

I map user needs, prioritise them by impact, and define what belongs in the MVP. No noise just clear solutions that unblock users.

Accessibility and clarity

I follow WCAG 2.2 principles and best practices: plain language, predictable interactions, inclusive patterns, and decision-making grounded in clarity.

Engineering mindset

I bring designs to life in code. I’ve shipped interactive features in React and Flutter, building functional front-end prototypes and production-ready components that bridge design and engineering.

Featured Work

Drobe

Drobe

Sustainable wardrobe intelligence

A Flutter app that helps users build and manage a capsule wardrobe, reduce waste, and plan outfits with confidence. I built core features end-to-end: local data storage with Hive, secure sync via Google Drive APIs, and a calm, decision-saving UI.

FlutterCloud SyncHive StorageSustainable Fashion Tech
HMRC New Starter Service

HMRC New Starter Service

Making tax onboarding less stressful

A GOV.UK-style service that guides first-time employees through confirming their previous employer, submitting (or requesting) a P45, and understanding PAYE — in plain English, one step at a time. Built and presented during the Capgemini UX Bootcamp.

GDS PatternsAccessibilityService DesignPublic Sector
AEAS

AEAS

Interactive visitor experience for a wildlife sanctuary

A Figma-based touchscreen kiosk that helps visitors explore endangered species, events, and conservation programmes at the Aston Endangered Animal Sanctuary. Designed to balance storytelling, accessibility, and quick information access.

FigmaInteraction DesignAccessibilityInformation Architecture
Z-Room

Z-Room

Zombie wave survival game built with C# OOP

A Unity-based zombie survival game that applies C# object-oriented programming to AI behaviour, wave systems, and physics interactions. Demonstrates modular architecture, reusable components, and performance-aware gameplay logic.

UnityC#AI SystemsOOPGame Development

How I approach problems

1

Understand the system

I begin by understanding the problem space, users, behaviours, constraints, and system architecture. I break ambiguity into clear problem statements, identify the highest-value outcomes, and map flows before touching UI or code. Clarity first, execution second.

2

Design for flow & clarity

I design experiences and system logic that reduce cognitive load and remove friction. Whether it's a public-sector flow, a mobile onboarding path, or a gameplay loop, I optimise for clarity, accessibility, and efficient decision-making. One clear action per step, predictable behaviour, and inclusive design by default.

3

Build, test, and evolve

I turn ideas into working software and iterate fast. I've delivered real features across mobile, web, and gameplay systems using clean architecture, state management, and modular code. I'm actively expanding into AI/ML, cloud, and automation to deliver not just UI logic, but scalable, intelligent systems end-to-end.

I don't believe in "the user will figure it out." If they can't figure it out, we haven't solved it yet.

About me

I'm Bernard — a Product Designer with front-end skills. I care about how people use products and how they feel while using them. I design clear, thoughtful interfaces and build functional prototypes to validate ideas and speed up decision-making.

I currently work at Capgemini as a Graduate UX Design & Research Consultant, designing accessible, user-centred digital services. It's given me experience working in multidisciplinary teams, navigating constraints, and shaping products inside complex environments.

I hold a First-Class degree in Computer Science, which gives me a strong technical foundation beneath my design practice. It helps me reason about systems, communicate with engineers, and prototype with more realism and intent.

As I’ve grown in my work, I’ve become increasingly drawn to the engineering side of product, not to pivot away from design, but to bridge design and development. Prototyping and front-end help me explore interactions more deeply, reduce ambiguity, and improve collaboration with engineering.

My projects reflect this hybrid approach:
Drobe — a mobile app exploring sustainable fashion, designed and built in Flutter with offline-first architecture.
HMRC Redesign — a GDS-compliant service simplifying the new-starter tax process for citizens.
AEAS — an educational prototype focusing on interaction, accessibility, and visual clarity.

Outside of work, I'm into functional design, F1, and fashion tech, always curious about the intersection of aesthetics, engineering, and performance.

Product & Design

  • Product thinking
  • Interaction design
  • UI & visual design
  • Prototyping
  • User research
  • Usability testing
  • Design systems
  • Accessibility (WCAG 2.2)

Front-End

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Flutter (mobile prototyping)
  • Version control (Git)

Collaboration

  • Stakeholder communication
  • Workshop facilitation
  • Documentation
  • Handover to engineering
  • Agile delivery

Tools

  • Figma
  • FigJam
  • Whimsical
  • Jira
  • GitHub
  • Mural

Let's talk

If you're building something in AI, cloud, or public-sector service delivery and you need someone who can think in terms of users and systems, I'd like to be in that conversation.

Based in Manchester, UK.