Freelance Frontend Engineers in RizalFreelance Frontend Engineers in Rizal
ProjectsPeople
Ericson Luciano's avatar
Ericson Luciano
Manila, Philippines
I build design systems that scale with your product
5.0
Rating
3
Followers
FRAMER_EXPERT

expert

I build design systems that scale with your product
Cover image for Create an impact with rebranding to uplift lives.
Create an impact with rebranding to uplift lives.
0
7
Cover image for AegisOne CyberDefense Website
AegisOne CyberDefense Website
0
14
Cover image for PHILNETWORK Services — Landing page
PHILNETWORK Services — Landing page
0
9
Cover image for Before I begin my next project, I'd like to share one of my ...
Before I begin my next project, I'd like to share one of my favourite side-project builds: a mobile app prototype made with React Native (Expo). ✨ Highlights - Seamless “Continue with Apple” and guided Tour flow - Onboarding flow after sign-up: - Custom Dark Mode toggle built from scratch - Smooth UI transitions and clean component architecture This project reminded me how much I enjoy building beautiful, responsive interfaces with Expo. If you’re looking for a React Native (Expo) designer focused on frontend craft, I’d love to collaborate on your next idea. 🙌
1
52
Frontend Engineer(3)
Prezneil Mayandoc's avatar
Prezneil Mayandoc
pro
Quezon City, Philippines
7+Yrs Exp Full-Stack Dev | Scalable SaaS, Real-Time Platform
New to Contra
7+Yrs Exp Full-Stack Dev | Scalable SaaS, Real-Time Platform
Cover image for Functional Nutrition Segment Shopify Store
Functional Nutrition Segment Shopify Store | Frog Fuel A highly specialized Shopify store for Frog Fuel, a brand operating within the fast-acting functional nutrition segment—bridging sports recovery, medical nutrition, and tactical performance. Unlike standard collagen powders that require digestion and delayed absorption, Nano Hydrolyzed Collagen® is a liquid formula clinically proven to digest in under 15 minutes, demanding a storefront experience that reflects the brand's premium positioning and scientific credibility. One of the core challenges was delivering a seamless e-commerce experience that balanced sophisticated functionality with pixel-perfect brand representation. I solved this by implementing a Shopify storefront with a meticulously crafted front-end architecture, translating Figma designs into a pixel-perfect UI that preserved the brand's visual identity across all devices and screen sizes. Every component was built with precision to ensure that the storefront communicated the premium, science-backed nature of the product. Beyond visual fidelity, I integrated a comprehensive suite of e-commerce tools to support recurring revenue and customer engagement. I implemented a subscription system using Skio, enabling seamless recurring orders that aligned with the brand's direct-to-consumer business model. For social proof and customer trust, I integrated Yotpo for review management and Klaviyo for email and SMS marketing automation, creating a cohesive ecosystem that captured customer feedback and nurtured ongoing relationships. To enhance visual storytelling, I built a custom gallery using Swiper.js, moving beyond off-the-shelf solutions to create a tailored, high-performance media experience that showcased product imagery, lifestyle content, and educational assets with smooth navigation and responsive behavior. Under the hood, the platform leverages Shopify as the core e-commerce backend, Skio for subscription management, Yotpo for review aggregation, Klaviyo for marketing automation, Swiper.js for custom gallery implementation, and Google Tag Manager for advanced analytics and marketing tracking—ensuring comprehensive data capture to inform business decisions and optimize conversion strategies.
0
38
Cover image for Bigcommerce LEDs Store | FlexFireLeds A
Bigcommerce LEDs Store | FlexFireLeds A high-performance BigCommerce e-commerce store specializing in LED product sales, engineered to deliver a seamless shopping experience while leveraging advanced analytics and marketing capabilities through Google Tag Manager integration for comprehensive tracking and data-driven decision-making. One of the core challenges was enabling complex product customization within the constraints of a traditional BigCommerce storefront. I solved this by engineering a custom product configurator using Next.js and embedding it into the storefront via an iframe, creating a decoupled architecture that allowed for rich, interactive customization capabilities beyond native platform limitations. To ensure seamless integration, I implemented cross-window communication between the iframe and the parent application using efficient event-based messaging, enabling real-time synchronization of configuration selections, pricing updates, and add-to-cart actions without page reloads. This approach maintained a fluid user experience while preserving the flexibility of a standalone Next.js application. Beyond the configurator, I tackled site performance issues caused by external review data fetching, which was introducing significant latency and degrading the user experience. I addressed this by implementing a Next.js caching strategy, strategically pre-fetching and caching review data at build time with periodic revalidation to ensure fresh content without sacrificing speed. This reduced page load times substantially, creating a snappier experience that kept users engaged and improved conversion potential. Under the hood, the platform leverages BigCommerce as the core e-commerce backend, Next.js for the custom configurator with its embedded iframe architecture, cross-window event-based messaging for seamless parent-child communication, Google Tag Manager for granular analytics and marketing tracking, and a strategic caching layer that optimizes third-party data fetching to maintain performance without compromising content freshness.
0
43
Cover image for Food Delivery Headless Shopify Storefront
Food Delivery Headless Shopify Storefront | Instead of Flowers A headless Shopify storefront delivering a premium, high-performance shopping experience for a modern e-commerce brand. One of the core challenges was building a scalable and maintainable UI architecture that could support rapid iteration without introducing inconsistency across the platform. I solved this by developing a library of reusable React components using Storybook, documenting each component step-by-step to establish a single source of truth for the design system, ensuring visual and functional consistency across the entire storefront. Beyond component architecture, I tackled the complexity of custom discount logic, developing a custom Shopify app specifically for discount redemption. This allowed for granular control over promotional rules beyond native Shopify capabilities, enabling flexible campaigns that improved customer engagement and conversion. I also extended the platform's functionality by customizing the Shopify Storefront API to support bespoke data requirements, optimizing queries and mutations to align with the headless architecture powered by Shopify Hydrogen. This ensured that the frontend received precisely the data needed without over-fetching or performance bottlenecks. To enhance navigation and user experience, I engineered a custom mega menu fully optimized for both desktop and mobile versions, delivering an intuitive, responsive interface that adapted seamlessly across all device types. Under the hood, the platform leverages Shopify Hydrogen for headless e-commerce architecture, Storybook for maintaining a consistent and scalable UI component library, React.js for dynamic frontend interactivity, and Tailwind CSS for pixel-perfect, utility-first styling that enabled rapid iteration while maintaining design precision.
0
46
Cover image for Office Booking Platform | WorkSimple A
Office Booking Platform | WorkSimple A real-time office booking platform connecting professionals to flexible workspaces. One of the core challenges was maintaining accurate availability across multiple locations instantly. I solved this by syncing the frontend with backend events, ensuring that when a space is booked, it becomes immediately unavailable everywhere. Beyond availability, I tackled a TTL (time-to-live) issue with video streams, optimizing how media content was cached and delivered to prevent stale or delayed playback, ensuring a seamless experience for users viewing workspace tours and walkthroughs. I also implemented a custom media gallery to support both video and image content, moving beyond off-the-shelf solutions to build a lightweight, tailored component that maintained performance and consistency across the platform. Under the hood, the platform leverages Storyblok CMS for flexible content management, Storybook for maintaining a consistent and scalable UI component library, and Tailwind for pixel-perfect, utility-first styling.
0
55
Frontend Engineer(4)
Christian Medallada's avatar
Christian Medallada
Makati, Philippines
Building modern websites from front to back.
Building modern websites from front to back.
Cover image for Food Ordering System for G & R Eatery
Food Ordering System for G & R Eatery
0
1
Cover image for Scholarship Management System Development for GJJSP
Scholarship Management System Development for GJJSP
0
0
Cover image for SAAS: Mock Interview
SAAS: Mock Interview
0
0
Placeholder project card media
View more →
Frontend Engineer(3)
Alexander Sevilla's avatar
Alexander Sevilla
Bacoor, Philippines
Experienced WordPress designer and full-stack developer
Experienced WordPress designer and full-stack developer
Cover image for Bright Dynamic Marketing Consultancy
Bright Dynamic Marketing Consultancy
0
1
Cover image for Comprehensive Real Estate Website Development
Comprehensive Real Estate Website Development
0
2
Cover image for Professional Website Development for OneOpti Lifestyle Int.
Professional Website Development for OneOpti Lifestyle Int.
0
1
Placeholder project card media
View more →
Frontend Engineer(3)
Rhojen Jonash Ocenar's avatar
Rhojen Jonash Ocenar
Metro Manila, Philippines
Interactive frontend for your website
Interactive frontend for your website
Cover image for Personal Website
Personal Website
0
28
Cover image for HN React
HN React
0
14
Cover image for Tactico
Tactico
0
1
Placeholder project card media
View more →
Frontend Engineer(3)
Reboden Pacquiao's avatar
Reboden Pacquiao
Rizal, Philippines
Frontend Engineer, Webflow Developer - Hire Me!
Frontend Engineer, Webflow Developer - Hire Me!
Cover image for Calmoto
Calmoto
0
2
Cover image for NEO Science
NEO Science
0
4
Cover image for Dashboard Theme
Dashboard Theme
0
5
Placeholder project card media
View more →
Frontend Engineer(3)