Design-led frontend thinking.

A detailed overview of my craft spanning story, skills, experience, and team collaboration. Built with shadcn/ui for a crisp, minimal flow.

About

A snapshot of how I pair product thinking with frontend craft.

Rovic C. Ulaso

Frontend Developer / UI/UX Designer

Rovic C. Ulaso portrait

Snapshots

1+ YEARS EXPERIENCE

8+ PROJECT COMPLETED

Availability: Select contract and product collaborations.

I'm Rovic C. Ulaso, a frontend developer and UI/UX designer passionate about transforming complex ideas into clear, engaging digital experiences.

I've been part of Comptrolla Technologies, where I contributed to building intelligent business software that merges technology with finance. That experience deepened my foundation in both design systems and scalable architecture.

Currently, I'm one of the early developers behind Outsourcee - a fast-growing startup app that connects clients with trusted experts across the Philippines. I've helped shape its UI for both web and mobile platforms, focusing on clarity, responsiveness, and ease of use.

Over the past year, I've been dedicated to coding full-time - designing and developing components that balance aesthetics with performance. I thrive in projects that demand both precision in code and intention in design.

I approach every project by distilling complex requirements into simple, usable interfaces - starting in Figma, validating interactions, and translating them into production-ready components.

My current toolset includes Next.js, TypeScript, Tailwind CSS, and shadcn/ui - technologies that let me build modular, consistent, and efficient interfaces for growing teams.

I believe in accessible design and maintainable code. Whether building dashboards, onboarding flows, or admin panels, I always prioritize usability, scalability, and speed.

Teams I've worked with trust me to uncover edge cases early, keep design integrity consistent across devices, and bring ideas to life through thoughtful motion and interaction.

Collaboration keeps me inspired - I enjoy working closely with designers, backend developers, and founders to iterate quickly and deliver meaningful results.

Beyond development, I constantly document my learnings, refine component libraries, and mentor aspiring designers and developers on blending visual craft with functional code.

Core Frontend Stack

Tooling that keeps delivery predictable, collaborative, and ready for scale.

Frameworks

  • Next.js
  • React
  • React Native

Quality Drivers

  • Accessibility
  • Responsiveness
  • Motion
  • Version Control
  • UI/UX Implementation
  • Code Quality

Language & Tooling

  • TypeScript
  • JavaScript
  • Tailwind CSS

Responsive Design Snapshot

A quick visualization of how layouts scale from mobile-first foundations to desktop canvases with consistent rhythm.

Mobile
Tablet
Desktop

Component Systems

Designs reusable UI kits with purposeful card sizing, consistent spacing, and states for every interaction.

Primary Card16px radius
Hover
Focus
Disabled

Typographic Clarity

Pairs text sizes and font weights to maintain hierarchy, keeping headlines, body copy, and microcopy legible on every device.

DISPLAY64PX
BODY18PX
MICROCOPY14PX

Responsive Delivery

Builds layouts that gracefully adapt from mobile-first breakpoints to desktop with measured motion and smooth rendering.

MOBILETABLETDESKTOP

Delivery Standards Checklist

Benchmarks I run before handoff to keep visuals, motion, and responsiveness aligned with the design system.

  • Card sizing and spacing scale with a fluid 4px baseline across breakpoints.
  • Typographic styles use rem units and Tailwind tokens for predictable font ramps.
  • Each build is smoke-tested on touch, tablet, and desktop layouts before handoff.

Experience timeline

Comptrolla Technologies Inc

2024 — Present

Frontend Developer

Leading the frontend development of a revenue analytics dashboard, architecting scalable UI systems with reusable chart components, dynamic form patterns, and motion design specifications for seamless design-to-development handoff.

Cut dashboard load time by 42% through code-splitting, lazy loading, and optimized image delivery.
Built responsive layouts and animations with Framer Motion, ensuring pixel-perfect performance across 12+ device breakpoints.
Led migration from Create React App to Next.js, cutting build time by 50% and enabling server-side rendering.
Meet my team

Collaborate with the designers and engineers I partner with on complex, multi-surface launches.

Explore how we co-build product journeys, handle motion systems, and deliver integrated brand experiences.

View team portfolio