Developing a High-Quality Webflow Website
I specialize in turning your concepts into captivating online experiences, empowering your brand to thrive in the digital landscape.
Certified Fleet Services Website
Figma to Webflow to a highly functional Website.
-CMS
-Custom Code
-Interaction
Cardenal Website
Figma to webflow conversion using Client first Framework
-CMS
-Interaction
-Custome Code
.jpg)
Companies I Worked With
My most impactful projects
While I'm excited to share the details of the projects listed below, please note that some of my work is not publicly displayed due to confidentiality agreements under NDA (Non-Disclosure Agreements). I've had the privilege of collaborating on diverse projects across various industries, each reflecting my commitment to innovation, quality, and client satisfaction.
Certified Fleet Services
Feature one
Certified Fleet Services
Figma design is provided by the client my task here is to develop it on Webflow.
-CMS
-Mobile Responsiveness
-Custom Coding( HTML, CSS and JS)
-Native Interaction
Cardenal
Feature two
Cardenal Website
This is from Figma to Webflow Project, the figma design is provided by the client and my task here is to convert the figma design into life using Webflow.
-CMS
-Client First System
-Custome Code
-Native interaction
FCP Services
Feature three
FCP Services
Is an Construction company serving International, This is a Figma to Webflow project, basically the Figma design is provided already by the client, my primary task is to convert it into a functional website using WEBFLOW.
-Figma UI/UX Design
-CMS
-Native interaction
-Custom Code
.jpg)
Pencil Design Studio
Feature four
Pencil Design Studio
A Philippines Local Architectural Firm that is based in Davao Ph, This project was from scratch.
Planing: We do research and gather information about the company
Design: Using Figma we designed it from Low fidelity to high fedelity wireframe
Development: We develop the website using webflow
-CMS
-Client First Syste
-Custom Coding
-Native and Library interaction
.jpg)
Development
Planning and Design in Figma
Begin by understanding the project requirements and objectives. Conduct research on competitors and industry trends. Create wireframes and high-fidelity mockups using Figma design tools.
.png)
Development in Webflow or Relume Library
Use Relume ,Webflow's visual editor to build the website, adding elements, customizing styles, and setting up interactions. Populate the site with content and ensure responsiveness across different devices.
.png)
Testing and Optimization on Different Breakpoints
Thoroughly test the website for bugs, errors, and compatibility issues. Optimize performance, speed, and accessibility. Make necessary adjustments to improve user experience and functionality.
Launch and Maintenance
Once the website is tested and optimized, publish it to the Webflow hosting platform or export the code for hosting elsewhere. Monitor the site post-launch for any issues and perform regular maintenance to keep it secure and up-to-date.
.png)