UI & UX Design Services
Pages built to guide visitors toward becoming customers.
Jude Pudlao provides UX design services that turn a website’s goals into wireframes, mockups and a complete Figma design system. Pages are planned structure first and designed mobile-first, then delivered as editable Figma files that a developer can build from.
Services
What You Get
Every project includes the design work a site needs to be built and used well. Responsive layouts are standard: the design is specced for phones, tablets and desktops.
Visitors know where to click.
The design layer that makes a website’s decisions obvious instead of confusing. Navigation, calls to action and page hierarchy are planned so the next step is clear.
One system, not eleven instincts.
Typography, spacing, and color follow a single design system across every page and every device. Buttons look like buttons. Text reads comfortably on phones and desktops.
Structure gets handled too.
User experience design covers how pages connect, where navigation sits, and how many steps stand between landing and converting. That’s the structural half of the work, not an afterthought bolted onto the visuals.
Both sides handled together.
Visual design and structural flow are planned as one discipline, not two, from the first wireframe through to the final mockup.
Designed to Convert. Built to Reuse.
Every project does two things: it looks like a modern, trustworthy website, and it hands over files a developer can actually build from. Miss either one and the design fails.
Website UI Design
The visual layer: colors, typography, spacing, and imagery, designed to feel cohesive from homepage to contact form. Every screen looks like one product, not a patchwork of pages built at different times.
Figma Web Design
Wireframes, mockups, hover and focus states, and a full component library. Delivered as organized Figma files that become owned assets once the project is fully paid. Fully editable. No locked layers. No proprietary tools standing between the files and whoever needs to use them next.
Testimonial
What My Clients Say
I could tell you I’m good at what I do. But that’s what every web designer says. Here’s what a few of my clients had to say instead.
"I really enjoyed working with Jude on my website redesign. He did an awesome job bringing my ideas to life and the final results looks great! Jude is easy to work with, creative, and pays attention to the small details. I'm really happy with how the website turned out and would definitely recommend him to anyone looking for a great web designer"
“Jude was absolutely instrumental in the successful launch of our websites and played a pivotal role in numerous other design initiatives during his tenure. His contributions directly elevated our brand, strengthened our online presence, and set a standard of creative excellence that continues to influence our work today. He brought creativity, strategic vision, and meticulous attention to detail to every project he touched.”
“I had the opportunity to work with Jude on the same project, and the experience was excellent. Jude is highly professional, communicates clearly, and consistently delivers work on time. What really stands out is Jude’s strong web design skill set. The quality of design, attention to detail, and understanding of user experience were impressive and clearly added value to the overall project.”
“I want to say I had an amazing experience with Jude he was super available and worked nights to make the website exactly as planned and very quick. And of course the website is beautiful!”
“I highly recommend Jude Pudlao for web development and design roles. During our time working together at Big Market, Jude consistently demonstrated strong technical skills, reliability, and a proactive work ethic. He met deadlines, solved problems independently, and was always open to feedback and improvement. While his creativity showed potential for growth, his eagerness to learn and adapt stood out. I believe Jude will excel in an environment where he can continue to refine his skills and expand his creative abilities.”
“I have been overseeing Jude’s journey within the Design Team at Best Marketing Agency. Throughout his time at Best Marketing Agency, Jude has proved to complete the tasks given to him timely and never failed to meet his KPIs. In fact, he has shown to exceed the number of KPIs set for him. With more lenience and patience towards Jude, I believe that he will be a valuable asset to any invaluable asset to any team or organization.”
Featured Project
GrowMentrix: SEO Agency Website Redesign
GrowMentrix is a digital marketing agency based in the Philippines that handles SEO, web design and content strategy. They had no website, so I built a full 11-page site from scratch: content first, then wireframes and mockups in Figma, then a custom WordPress build. The site’s content was AI-drafted and I reviewed it before launch.
Structure First, Then the Visuals
How does a UI/UX design project work?
Wireframes come first, so the structure is settled before anything is styled. Full mockups follow, with colors, typography, and spacing shown desktop and mobile side by side.
Elements are specced, such as font sizes, hex codes and interaction states, before development starts. Mobile-first is the default, not an afterthought. If a layout doesn’t work on a small screen, it goes back for revision before it moves on.
Standalone Design or the Full Build
Two ways to work with this service.
Standalone design. The UI/UX work gets delivered as Figma mockups with full specs, ready for an existing developer to build from.
Full build. Design plus development together: wireframes, mockups, then the build itself, with SEO, content, and performance optimization included under Web Design and Development. A single campaign page is covered under Landing Page Design.
A short conversation about the project usually makes the right path obvious.
Frequently Asked Questions
Is a separate designer needed if the site is already being built here?
No. The Web Design and Development service includes UI/UX design as a built-in phase: wireframes first, then mockups, then the build. The standalone UI/UX service exists for teams that already have a developer and only need the design files.
Can just the look of an existing site get redesigned without rebuilding everything?
Yes. When the structure is sound but the appearance feels outdated, the UI layer gets refreshed: new colors, new typography, same pages, same content. A deeper structural problem needs a UX redesign instead. A review of the page shows which one it is before any work starts.
What makes this different from a template or a generic freelancer?
The design is custom, not a pre-built theme. Visual design and structural flow are planned together, so the layout and the look support each other. Figma files ship fully organized, ownership passes to the client when the project is fully paid, and the measure of success is whether visitors can act, not how decorative the page looks.
The site looks fine but visitors still leave. What's actually wrong?
Often the visuals are not the problem. The structure is. A polished site can still confuse visitors with competing CTAs, buried forms, or navigation that doesn’t match how people think. The fix starts by mapping the path a visitor should take, then designing visuals to reinforce it.
What if only the design files are needed, without development?
That’s the standalone UI/UX service: wireframes, mockups, hover states, and a full component library, everything a developer needs to build from. The files are delivered as organized Figma files with no handoff friction. Two to four weeks is typical.
What is the difference between UI and UX design?
UX design is the structure: how pages connect, where navigation sits and how a visitor moves toward a decision. UI design is the visual layer on top of it: color, typography, spacing and imagery. On this service both are planned together, structure first.
Which tools are used for UI/UX design?
Wireframes and mockups are designed in Figma. A project can then be built in WordPress with Elementor or on other platforms such as Shopify, Wix or Webflow, or the Figma files can go to an existing developer who builds in any stack.
Looking for something else?
A website is more than one piece. Every service here fits together because it is built together.
The full website the finished designs get built into.
Single-purpose pages designed for one campaign or offer.
Copy for the pages being designed, AI-drafted with cited sources and reviewed by Jude.
Ready for Design That Works?
UI/UX design that goes beyond making things pretty starts with a conversation about the site, its visitors, and what needs to happen next. Based in Baguio City, I work with clients across the Philippines, the US, UK, and Australia.
No pressure. No sales pitch. Just a conversation about what needs to change.
Jude Pudlao, web designer and SEO consultant, Baguio City, Philippines. Working with clients worldwide. Last updated 2026-11-03.