Hi, I'm Juan Pablo. As a UI/UX designer and multimedia engineer, I help make sense of complex ideas and turn them into screens anyone can use without thinking twice. I research, organise, build prototypes in Figma and, when the project calls for it, I also build them in the browser.
My priority is not pretty screens on the first try, but screens that work. I design around real content and the iterations every project needs. The visual layer comes later, and it flows much better once the groundwork is in order.
05 projects
2017 — 2026
The previous site had an obsolete design and was saturated with information. I transformed it into a modern, avant-garde experience, simplifying navigation and aligning its visual aesthetics with the international standards of other YAMAHA sites.
A completely redesigned website, clean and up to the standards of a global brand.
A landing page must be much more than just visually appealing. I created highly optimized pages directly connected to Paid Media campaigns, prioritizing friction reduction and user guidance to maximize lead generation without sacrificing visual aesthetics.
Optimized capture flows aligned to maximize ad campaign ROI.
I have extensive experience creating logos and corporate identity guidelines for companies across multiple sectors. My approach ranges from conceptualization to standardization, ensuring solid visual systems that maintain their coherence and scalability across any touchpoint.
Versatile visual identities and detailed brand guidelines, ready for any medium.
Throughout my career, I have built a large number of websites, tackling all kinds of technical and visual challenges. My focus goes beyond aesthetics: I specialize in diagnosing and solving complex interface and user experience problems to deliver functional, scalable, and optimized products.
Dozens of websites launched and critical design problems successfully resolved.
I have experience creating digital illustrations and concept art with a high level of detail and a professional finish. I cover everything from character and environment design to complete visual development for narrative projects and original comics, always providing a solid artistic direction.
Illustrated pieces and professional-quality concept art, ready for production.
Each card sums up one area of work. The files, the iterations and the reasoning behind every decision I walk through on a call.
Ask for the full portfolioThe previous site had an obsolete design and was saturated with information. I transformed it into a modern, avant-garde experience, simplifying navigation and aligning its visual aesthetics with the international standards of other YAMAHA sites.
A completely redesigned website, clean and up to the standards of a global brand.
A landing page must be much more than just visually appealing. I created highly optimized pages directly connected to Paid Media campaigns, prioritizing friction reduction and user guidance to maximize lead generation without sacrificing visual aesthetics.
Optimized capture flows aligned to maximize ad campaign ROI.
I have extensive experience creating logos and corporate identity guidelines for companies across multiple sectors. My approach ranges from conceptualization to standardization, ensuring solid visual systems that maintain their coherence and scalability across any touchpoint.
Versatile visual identities and detailed brand guidelines, ready for any medium.
Throughout my career, I have built a large number of websites, tackling all kinds of technical and visual challenges. My focus goes beyond aesthetics: I specialize in diagnosing and solving complex interface and user experience problems to deliver functional, scalable, and optimized products.
Dozens of websites launched and critical design problems successfully resolved.
I have experience creating digital illustrations and concept art with a high level of detail and a professional finish. I cover everything from character and environment design to complete visual development for narrative projects and original comics, always providing a solid artistic direction.
Illustrated pieces and professional-quality concept art, ready for production.
From chaos to one clear screen.
I take the whole route: I work out which problem you need solved, organise the information and build prototypes in Figma. No idea reaches development before we are sure it works for the user.
Systems so your team moves faster.
I build tidy libraries and components so the same design questions never have to be answered twice. I document the decisions so anyone on the team can use the system without getting lost.
Design and build, with nothing lost in between.
I design your site and get it running, either on WordPress or in hand-written code. Doing both is what guarantees the result in the browser is exactly the one you approved in Figma.
A visual system that survives leaving the deck.
Concept, logotype, palette, type and guidelines. Built from the start to hold up on an Instagram feed, on an invoice and on a loading screen.
The detail that makes a product feel alive.
Digital illustration, custom iconography and moving pieces for product or campaign. After seven years in Premiere and After Effects, I know when motion adds something and when it only gets in the way.
Five phases. Because designing on assumptions always gets expensive in the end.
01 1 week
Before thinking about interfaces, we sit down and talk. I need to understand the business goals, what the team can realistically take on, and which problem we are actually trying to solve.
02 1–2 weeks
Here we go looking for answers so we are not designing blind. I study the users, review how the market solves it, or audit the flows you already have. Good design rests on data and observation, not on opinions.
03 1–2 weeks
Architecture, flows and quick sketches (wireframes). This is where the critical decisions about what goes where get made. We do it in low fidelity because changes are fast and cheap while the design is still a grey outline.
04 2–4 weeks
High fidelity, a component system and the real states (empty, error, loading). I build prototypes you and your team can navigate and test. This is the stage where we see exactly how the final product will work and feel.
05 Ongoing
I leave everything documented so the development team can work without friction. I also stay involved while it gets built, because a design nobody supervises loses quality on its way to the browser.
2023 — Today
Jr. Web Designer
2020 — 2022
Web and Graphic Designer
2021 — 2021
Content Assistant
2017 — 2022
Multimedia Engineer
Multimedia Engineering · Universidad San Buenaventura
2017 — 2022Multimedia Production Technologist · SENA
—Design
FigmaWireframingHi-fi prototypingUX flowsResponsive designDesign systemsVisual
IllustratorPhotoshopBrand identityDigital illustrationIconographyMotion
After EffectsPremiereMicro-interactionVideo editingBuild
WordPressHTML / CSSAstroDeveloper handoff