
About
Hey, I’m Art.
UX Engineer from the Philippines 🇵🇭—I design dope user interfaces and build Framer websites.
With almost a decade of experience in Front-End Development, UI + UX design, and leading teams, I’ve grown this obsession with turning ideas into creative, functional digital experiences that actually make sense.
In 2024, I launched Simetri Studio to help startups, agencies, SaaS, and growing enterprises design thoughtful web & mobile experiences + build custom Framer websites that drive engagement & deliver results.
I’m always up for exciting projects—let’s build something awesome! 🚀
Projects
A curated library of design-consistent, pre-coded, and no-code components tailored for Framer projects. Framerist simplifies web development by providing ready-to-use, customizable assets that empower creators to focus on building interactive, high-performance websites without starting from scratch.
Simetri Studio is a product design and creative web development partner for ambitious brands.
We help startups, agencies, SaaS companies, and growing enterprises craft intentional web & mobile experiences and build bespoke Framer websites.
Our mission is to create meaningful experiences & impactful visuals that connect, inspire, and tell a story.
Side Projects
Reusable components that make diving into UI audits a breeze. Whether you're smoothing out the edges of existing designs or tackling a bigger audit project, this kit's got your back.
Speed up your brand's vibe with this 3-Hour Brand Sprint template inspired by Miro & Jake Knapp's Brand Design Sprint
This plugin simplifies your design workflow by generating useful pages and a customizable project cover with just one click!
Work Experience
Simetri Studio is a product design and creative web development partner for ambitious brands. We help startups, agencies, SaaS, and growing enterprises craft intentional web & mobile experiences and build bespoke Framer websites.
Our mission is to create meaningful experiences & impactful visuals that connect, inspire, and tell a story.
The Studio:
• Leading end-to-end design and development of bespoke web and mobile experiences for startups, SaaS, agencies, and enterprises.
• Designing high-fidelity landing pages and multi-page websites optimized for engagement and conversion across various industries.
• Building custom & scalable websites using Framer
• Manage client relationships and project scopes, ensuring on-time delivery and exceeding client expectations.
• Developing CRO and SEO strategies to drive user engagement, improve site performance, and increase conversions across web and mobile experiences.
• Provides post-launch support and growth strategies, helping clients continuously improve their digital presence.
Growing Communities with Simetri Studio:
• The Frame — where designers explore beyond design through shared insights on UI/UX, low-code, and generative AI
• Framer PH — helping Filipino designers and developers discover the power of Framer for creating interactive, high-performance websites.
A design community dedicated to helping accelerate the next generation of designers with low-code and generative AI.
Inspiring ambitious designers to go beyond design—mentoring them to embrace AI, adopt a builder’s mindset, and ship products that matter 🚀
Topics I cover with early-career designers & career shifters:
• Breaking into product design (UI, UX & Web)
• Leveraging low-code platforms like Framer for rapid web development
• Generative AI 101: A beginner’s guide for designers
• Launching your freelance design career
• Cultivating a builder’s mindset
Product Design:
• Designed 10 landing pages and multipage sites for diverse industries, including healthcare, transportation, WEB3, e-commerce, and enterprise.
• Designed UX flows and high-fidelity visuals for 3 mobile apps for non-profit, real estate, and healthcare industries
• Led the creation of UX flows and visuals for an enterprise mobile app, influencing the final product design.
• Played a key role in building Lesson Planner PH, designing the UX flow, modernizing visuals, and improving the overall user experience—earning positive feedback from product owners, project managers, and developers.
Web Development:
• Launched 3 websites using Webflow and contributed to a product showcase website revamp using Next.js.
Branding:
• Conducted a brand design sprint for Symph Startup Labs, helping shape its visual direction.
• Created 4 logos for various products: Spayce, Goodzilla, Symph Startup Labs, and Symph Webstudios.
AI & Automation:
• Built an AI-powered automated workflow (beta) using Airops, Figma API, and Notion, streamlining design feedback by automating responses to comments in Figma.
Community:
• Founded Designverse, a community for aspiring designers and interns at Symph.
• Conducted qualitative research that directly influenced key design decisions for an enhanced web & mobile e-commerce platform experience.
• Involved in UI & UX design planning for new features of the WEMU app (mobile + web)
• Designed mobile and web e-commerce components for the WEMU app
• Refactored and applied UI code improvements to 2+ websites for clients.
Designing the WEMU marketplace (mobile & web) required multiple ideation sessions to provide the most effective UX for users. Afterward, we created mockups and visuals in Adobe XD to prepare for developers and stakeholders.
• Helped the company launch 5+ startup projects and 2 websites for Major clients
• Led UI development and product management of 2 Major clients for over 12 months
• Co-managed 15+ projects for clients, delegated tasks to the development team, and contributed heavily to the design team as a web design consultant
• Developed an automation tool for the developers to make creating headless CMS using WordPress & Next JS easy
• Led a 4-person development team in the successful UI development and project management of 10+ client projects. This leadership resulted in increased client satisfaction.
• Spearheaded the design & front-end development of a complex web app, enabling the client to have a user-centric platform that manages hundreds of records.
• Introduced these design tools & web technologies to the design & development team: Figma, React JS, Next JS, and GraphQL. Effectively making the Design & Development team more engaged & collaborative in projects.
• Three websites I developed received outstanding client feedback and earned prestigious awards for three consecutive years since 2018:
— 55th Anvil Award (insularlife.com.ph/news/inlife-wi…)
— 17th PH Quill Awards: Communication for the Web
— 53rd Anvil Award (insularlife.com.ph/news/insular-l…)
• Developed engaging, responsive, and intentional UI for 5+ CMS-based website projects, potentially contributing to increased client retention, acquisition, and sales.
• Developed a Front-End boilerplate generator tool that 2x the development of CMS-based websites resulting in higher productivity of the development team.
Awards
Honored among the "PH100: 100 Brightest minds in the Philippines" for exceptional achievements - 2024
Achieved multiple awards from CSSDA
- Special Kudos
- Best in UI Design
- Best in UX Design
- Best in Innovation
Certifications
Passed Webflow Partner Certification Exam
Speaking
Introducing UI/UX Design and Framer to IT and IS students of all levels at URS Binangonan Campus.
Sharing my insights on the importance of a builder mindset for designers 🧠
I introduced Framer to over 85 participants at our community launch event
Shared my insights on UX and AI at GDSC CIT-U, delving into the intersection of user experience design and generative AI
A talk about UI / UX best practices (when and why to break them) organized by the student body of UST
I talked about my experience as a former dev, freelancer, and designer. Shared some of my thoughts on the current economic employment status and how we can contribute to the creative industry.
Education
Awards:
• Best Software Developmental Study — Given to the winner of the Annual Research Congress
• Service Award — Given to students who actively participated in academic activities & maintained an outstanding grade throughout the collegiate years