3+ Years UI/UX Design | Systematic Approach

Designer Building Design Systems from Primitives to Production

Ecoroots website inside a laptop mockupTypographic scale inside the variables panel in Figma

I design websites with true design system foundations—spacing tokens, typography scales, semantic color systems, and component hierarchies. Developers get systematic, scalable designs built on solid primitives. 3+ years of remote collaboration with US and Singapore-based teams.

Collaborated with Hire Digital, International Designers Group, and Marque

Hello,

a UI Designer making

cross-functional collaboration seamless

Desktop mockup of Adventure Camp homepage

Technical skills

Desktop mockup of Forma Atelier homepage

I create intentional interfaces using design systems and industry standards. My work is organized, systematic, and easy for developers to implement. Every component is built to scale, every decision has purpose, and nothing is left to guesswork.

IDG logo - A digital design agency

Work experiences

My career has grown through amazing experiences at top companies, working remotely with startup teams in the United States and Singapore.

Aug 2023 to Feb 2024

UI/UX Designer at International Designers Group Pte Ltd, Singapore

  • Created user-centric designs for e-commerce websites, applying diverse UI and UX patterns to ensure accessibility, consistency, and a seamless user experience.
  • Took full control of the website’s UI design, defining its style, look, and overall feel.
  • Worked autonomously, delivering high-quality results with minimal to no supervision.
Aug 2022 to Apr 2023

Junior UI/UX Designer at MARQUE Media LLC, USA

  • Created prototypes, evolving from low-fidelity wireframes to final high-fidelity designs
  • Designed interfaces that align seamlessly with clients' brand guidelines and identity.
  • Gained hands-on experience crafting diverse website designs, including e-commerce stores, non-profit sites, photography lookbooks, and beyond.
Trusted Across Teams

What teammates and leaders say

Real feedback from designers, managers, and executives I've collaborated with.

It’s been a pleasure working with John. He’s hardworking, has a great sense for UI/UX design, and is always eager to learn. His analytical thinking and solid design knowledge made a real difference in helping our team bring ideas to life and present them effectively in our projects.

Really enjoyed working with John at Hire Digital. He’s super organized, pays great attention to detail, and always delivers clean, thoughtful web designs. A real pleasure to collaborate with!

John is very easy to work with, as he’s detail-oriented and responsive. As someone who works in servicing, John is the designer everyone in the department wants to work with because he’s professional and consistently gets things done without complaining. He has a strong growth mindset and is dedicated to finding a solution, viewing it as an opportunity to expand his skill set.

Got questions?

Frequently Asked Questions

What to expect when working with me

What design services do you offer?
I specialize in UI/UX design for websites, building systematic interfaces with proper design foundations—spacing tokens, typography scales, and component hierarchies. Every design is organized for seamless developer handoff.
What I excel at:
  • Responsive web interface design with systematic foundations
  • Building design systems from primitives (tokens, spacing scales, component hierarchies)
  • Developer-friendly handoffs with organized Figma files
What I don't offer:
  • Custom illustration or iconography (I work with existing icon libraries)
  • Brand identity design (logos and brand guidelines)
  • Complex print design (but can handle simple brochures only)
What tools are you proficient in?
Figma (Design, Make, Sites, and Design System)
  • Expert in: Variables, modes, advanced auto-layout, components, variants, etc.
  • Always up-to-date with the latest releases
Others
  • Webflow (front-end implementation - converting Figma designs to Webflow)
  • Prototyping tools for user testing
  • Basic HTML/CSS understanding for effective developer communication
  • Adobe InDesign for simple brochures
How do you organize your design files?
Organization is one of my core strengths. Every file I create uses a proper design system structure:
  • Organized styles (colors, typography, effects)
  • Design variables for scalability
  • Clear heading hierarchy (H1-H6) and body text scales
  • Component-based architecture with proper variants
  • Structured layer naming following consistent conventions
  • Organized pages (Cover, Screens, Archive)
Developers tell me my files are easy to work with because everything follows a clear system and components are properly structured.
Do you work remotely or on-site?
I'm currently set up for remote work only and looking for full-time opportunities. I have experience working with distributed teams across Singapore and US-based startups, and I'm comfortable with asynchronous collaboration. I use tools like Slack, Google Meet, and Figma to stay connected and ensure smooth communication and handoff.
I'm also currently deepening my understanding of CRO (Conversion Rate Optimization) to create designs that not only look good but drive measurable results.
Sound like a good fit? Send me an email at

Hi, I’m John Andrey

Galingan a

UI Designer

Check out some of my personal projects, crafted with over three and a half years of experience and designed to adhere to industry best practices.

Figma logo - a collaborative design tool

Your Go-To Designer for Effective Web Design and Simple Graphics that Work

I specialize in designing delightful user interfaces that adhere to industry-leading standards.

Let's talk
An image of Ecoroots, a nonprofit organization dedicated to volunteering, tree planting, and cleanup drives.
Web Design

Ecoroots

EcoRoots is a non-profit organization that aims to spark change through planting, education, and conservation. Empowering communities to nurture our planet for a sustainable and brighter future.

Hero section of Adventure Camp featuring a young explorer peering through binoculars
Web Design

Adventure Camp

Design a scout and camping tour brimming with activities for every age group. From thrilling nature hikes and rock climbing to serene stargazing and campfire stories, we’ve crafted the perfect adventure.

A picture of three poster using different graphic design styles
Graphics

Unheard Taste Poster

Created with various graphic design styles to craft unique posters that keep the focus on the main message. My work merges creativity with thoughtful design decisions.

Product mockup image
Graphics

Product Composites

Create a visually compelling product composite by seamlessly integrating the mockup with the background, ensuring a natural and realistic presentation that enhances the overall appeal.

Growing, learning, and designing better every day.

I'm constantly refining my UI skills, exploring new tools, and staying ahead of trends in this ever-evolving design world.

Design is always changing, and I love staying ahead of the curve.

Figma logo - a collaborative design tool
Figma
Webflow logo - a no-code web design platform.
Webflow
Adobe Express logo - a simplified graphic design tool.
Express
Adobe InDesign logo - a layout and publishing software.
InDesign
HTML logo - a markup language for creating web pages
HTML
CSS logo - a stylesheet language for web design.
CSS
Adobe Photoshop logo - an image editing software.
Photoshop
Prototyping