Service · UI/UX and frontend

UI/UX design and frontend development

Interface design in Figma and responsive frontend development for websites, SaaS dashboards and web apps. I can design it, build it, or build from your Figma file.

Overview

How I approach it

Good interfaces make the next step obvious. I work on page structure, visual hierarchy, spacing and states, so people can understand a screen without being told how to use it.

I also write the frontend, which means designs are made with real constraints in mind and what you approve is what gets built. At Infinite Open Source Solutions LLP I designed and built modules for SaaS products from Figma.

What is included

What you can expect

UI/UX design

Flows, wireframes and screens designed around what the user is trying to get done.

Website interface design

Interface design for marketing sites and web products, with a consistent visual system.

SaaS dashboard design

Dashboards, tables, reports and settings screens that stay readable with a lot of data.

Figma UI design

Organised Figma files with components, styles and states that are ready for development.

Figma-to-code

Your Figma design built as a pixel-careful, responsive interface in HTML, CSS and JavaScript.

Reusable UI components

Buttons, forms, cards and navigation built once and reused, so the interface stays consistent.

Best for: Product teams, designers and founders who need an interface designed, built or both.

Process

How a project runs

  1. 1

    Understand the product

    I learn who uses the product, what they need to do and what is not working today.

  2. 2

    Structure and wireframes

    I map the flows and sketch the screens before moving into detail.

  3. 3

    Visual design and components

    I design the screens in Figma and turn repeating parts into reusable components.

  4. 4

    Build and review

    I build the interface responsively, compare it with the design and refine it with you.

Scope · One-time project

Defined screens, clear handover

We agree the screens, components or pages to design or build up front. Work is delivered in stages, with revisions along the way and a handover at the end.

Included

  • Design or build of the agreed screens and components
  • Organised Figma files
  • The agreed rounds of revisions
  • Source code handover where I build the interface

Not included

  • Backend and server-side development
  • Large research studies with participants, unless agreed
  • Open-ended design retainers, unless agreed separately

Related work

Examples from my portfolio

Interface work for SaaS products and web tools. Desklog and Infinite MLM Software were company projects at Infinite Open Source Solutions LLP.

View all projects

FAQ

Questions about this service

Yes. I use the Figma file as the reference and build a responsive version. If the file is missing states or mobile layouts, I will flag that early so we can fill the gaps.

My focus is design and frontend. I have basic PHP and React experience, but I would not present myself as a backend developer. For server-side work I can collaborate with your developers.

Yes. I have worked on dashboards, reports, carts and profile screens for SaaS products, with attention to data readability and responsive behaviour.

Organised Figma files, the built interface and the source code, along with help for deployment or handover if that is in scope.

Start a project

Need an interface designed or built?

Send me a short description of the product, the screens you need and whether a design already exists.

Other services

Related ways I can help