Figma UI & UX Project | JaysonSagales

The JB Figma Portfolio is a curated collection of professional projects I’ve designed and developed since 2019 across five different companies. Each project was built entirely from scratch — starting from concept ideation and wireframing in Figma, to high-fidelity design, and finally to full front-end and WordPress development implementation. The portfolio highlights my experience as both a UI/UX Designer and Web Developer, showcasing real-world design systems, responsive layouts, product dashboards, and marketing websites tailored to each company’s brand identity and business goals.

Technologies & Stack

Design: Figma for wireframing, prototyping, component libraries, and design systems
Development: HTML5, CSS3 / SCSS, JavaScript (ES6+), PHP, and WordPress (custom themes & Elementor)
Version Control & Handoff: GitHub, Figma Inspect, Zeplin for developer collaboration
Performance & Optimization: Responsive, mobile-first design; accessibility-ready components; image & code optimization
Integration: ACF, Custom Post Types, REST API, and third-party plugin extensions

Key Highlights

End-to-end process from UI/UX design to production-ready code
Consistent delivery of user-centered designs aligned with company branding
Multi-industry experience (tech, creative, e-commerce, corporate, and services)
Development of interactive prototypes and live websites used by real clients
Strong focus on usability, scalability, and maintainable design systems

Deliverables

Interactive Figma design file with all project components and page layouts
Live developed versions for select projects (WordPress / custom front-end)
Documentation for component usage, responsive behaviors, and development notes