HTML & CSS
Semantic, accessible markup with responsive Flexbox and Grid layouts.
About me
Product Designer
& UI Engineer
I’m a Product Designer & UI Engineer with 15+ years of experience creating intuitive, user-centred digital experiences across web and mobile. My work spans UX research, interaction design, wireframing, prototyping, usability testing, visual design, and frontend development .
I recently completed a Full-Stack Developer Bootcamp, strengthening my technical capabilities across HTML, CSS, JavaScript, React, Node.js, REST APIs, databases, SQL, Python, Git/GitHub, and responsive web development. This has expanded my ability to take ideas from early concepts and prototypes through to functional, production-ready digital experiences.
Alongside my design and development work, I’m currently completing a Graduate Diploma of Psychology, further developing my skills in research, critical analysis, data interpretation, and evidence-based thinking. This combination of design, technology, and psychology allows me to approach product challenges from both a human and technical perspective.
I excel at translating complex requirements into elegant, scalable digital solutions that balance user needs, technical feasibility, and business goals. I enjoy working at the intersection of research, design, and technology — understanding the problem, designing the experience, and having the technical understanding to bring it to life.
My Skills
What I bring to a team
JavaScript (ES6+)
DOM manipulation, async/await, array and object methods.
React
Component architecture, hooks, props/state, and React Router.
Next.js
Component architecture, virtual DOM, hooks API, props/state
REST APIs
Consuming and building RESTful services with fetch and Express.
Databases
CRUD operations and schema design with MongoDB.
Git & Deployment
Version control workflows and deploying applications to production.
Sass / SCSS
Variables, mixins, nesting, and partials for maintainable, scalable stylesheets.
WordPress Theme Development
Custom theme templates, template hierarchy, and the WordPress loop.
Python
Scripting, data handling, and backend logic with Python.
SQL
Writing queries, joins, and schema design across relational databases.
ORM
Mapping application models to databases using tools such as Mongoose and Sequelize.
Authentication
Session and token-based authentication, password hashing, and protected routes.
3rd Party APIs
Integrating external services and APIs into working applications.
Bootstrap
Rapid, responsive layouts using a component-based CSS framework.
Figma
Wireframes, high-fidelity mockups, component libraries, and interactive prototypes.
UI/UX Design
User flows, information architecture, wireframes, and usability-focused interface design.
Design Systems
Reusable design tokens, components, and patterns that create consistent product experiences.
Accessibility
Designing and building inclusive experiences with accessible interaction, structure, and visual contrast.
Brand Strategy
Translating business positioning, audience needs, and product values into a clear visual direction.
Visual Identity
Developing logos, typography, colour systems, and visual language for digital brands.
Branding
Creating cohesive brand identities across digital products, websites, and marketing touchpoints.
Typography & Colour
Creating typography systems, colour palettes, hierarchy, and visual consistency.
Interaction Design
Designing intuitive behaviours, interaction patterns, states, and feedback across digital products.
Prototyping
Creating interactive prototypes to explore, test, and communicate product concepts.
Motion & Micro-interactions
Using animation, transitions, and feedback to create responsive and engaging interfaces.
UX Research Methods
Planning and conducting interviews, surveys, usability tests, and other research methods.
Qualitative & Quantitative Analysis
Synthesising qualitative themes alongside numeric survey and usage data.
Statistical Data Analysis
Using descriptive and inferential statistics to analyse and validate research findings.