Pia Rey

Torn blue paper accent
Where thoughtful design meets purposeful code.

I am a multihyphenate front-end software developer with hands-on experience in B2B and B2C SaaS web development projects, spanning from client-facing ecommerce and marketing platforms to internal admin dashboards and content management systems.

My well-rounded skillset in software development, graphic and UI/UX design, and project management keeps me fully-equipped to work with multidisciplinary teams and enterprise-level projects.

Inabel Awards 2026
Projects That Shaped Me.
Coffee mug with stain

They say a designer's dream is a developer's nightmare — I say it's a problem worth solving.

Hi! I'm Pia Rey, a front-end web developer who brings great UI/UX designs to life with code, from Figma's blueprints to my IDE's workspace. It's my job to combine beauty, functionality, and accessibility into user interfaces according to the client's specifications, and I do my job well.

Beyond professional work, I spearheaded the research for my Thesis project, and participated in campaigns for children's health and welfare. I was also an executive officer of Syntax, CIIT's software development organization, as the Head of the Creatives Department.

I enjoy working on projects that focus on humanity, advocacy, and inclusivity. I believe that a great professional is defined by their projects, just as much as the professional defines their projects' outcomes.

View more projects
Inabel Awards 2025, award acceptance speech
Pia Rey presenting her work in Saling-Kamay to the audience of Beyond The Boundaries 2026 seminar
Project Plumbism Focus Group Discussion at ValACE Library 2025
Saling-Kamay seminar at CIIT's Beyond The Boundaries 2025
Inabel Awards 2025, award acceptance speech
Pia Rey presenting her work in Saling-Kamay to the audience of Beyond The Boundaries 2026 seminar
Project Plumbism Focus Group Discussion at ValACE Library 2025
Saling-Kamay seminar at CIIT's Beyond The Boundaries 2025
...
...
Saling-Kamay wins 4 out of 6 nominated accolades at Inabel Awards 2026
...
...
...
Saling-Kamay wins 4 out of 6 nominated accolades at Inabel Awards 2026
...
ACG Mockup
TradeBall Mockup - 1 of 2
Techshake Mockup
National University Mockup
Addessa Mockup
Golden Topper Mockup
TradeBall Mockup - 2 of 2
Mary Grace Mockup
ACG Mockup
TradeBall Mockup - 1 of 2
Techshake Mockup
National University Mockup
Addessa Mockup
Golden Topper Mockup
TradeBall Mockup - 2 of 2
Mary Grace Mockup

These are the research projects and software development projects that I worked on in the past year. My experience spans from business portfolios, to e-commerce platforms, to admin management dashboards. In these projects, I develop new features from design to code, implement fixes for bugs, and ensure that the software is in good shape on each deployment.

What I Worked On.
National University
Addessa
Raroco
Protege
Mary Grace
Techshake
Golden Topper
Courier Express
Asian Consulting Group (ACG)
Royal Canin
BCBP NAC46
Saling-Kamay
What I Bring To The Team.

These are the core competencies I can contribute to your team as a front-end web developer, with a focus on Ruby on Rails, React, Next.js, and responsive UI/UX design.

  • React Developer
    Component architecture, hooks, and state management for scalable frontend applications.
  • Full-Stack Next.js
    App Router architecture, server components, and end-to-end TypeScript implementation.
  • Ruby on Rails
    MVC backend development, RESTful APIs, and database-driven server logic.
  • HTML/CSS
    Pseudo-selectors, custom animations, and keyframe-driven interface behavior. Core language fundamentals underpinning every framework and interaction on the stack.
  • SCSS Architecture
    Mixins, conditional logic, functions, and variables structured for maintainable stylesheets.
  • Tailwind CSS
    Utility-first styling with custom, per-element design tokens and configurations.
  • Motion Design
    ScrollTrigger-driven reveals and cleanup-safe animation hooks for interactive UI.
  • Bootstrap
    Component-based layout and accessibility patterns for rapid UI assembly.
  • Mobile Development
    Cross-platform mobile app development with Flutter and Dart.
  • Version Control
    Git and GitHub workflows for version management and collaborative code documentation.
  • Deployment
    Heroku-based deployment pipelines and release version management.
  • Figma Architect
    Component-driven design systems, auto-layout mastery, and dev-ready handoff specs.
  • Agile Workflow
    Kanban and Scrum project management using Jira for sprint tracking.
  • Email Automation
    Transactional and marketing email templating via SendGrid and Mailchimp.
Black pencil accent