PVG - UX/UI Designer

PVG /

Projects

Projects:

Displaying 5 results per page (Total Projects: 11)

Zorali Product Page Personal Project

Prototype

Design

Tools:

Figma Photoshop

Project Overview

Zorali Product Page is a landing page prototype for a camping backpack, built in Figma to showcase a modern design with diverse data display techniques, offering an engaging and immersive user experience. The layout emphasizes intuitive navigation, guiding users through product features and benefits with ease. Custom elements and interactive components add visual depth, enhancing user interaction.

Role & Responsibilities

Full-stack Developer

Full Development

Timeline & Duration

1 Week Project

2019

Process & Development

▪ Designed custom backgrounds and visual elements in Adobe Photoshop, achieving a cohesive aesthetic that embodies the brand’s adventurous, outdoor vibe.

▪ Incorporated interactive display methods like image galleries and feature highlights to showcase the product in a visually engaging way.

Results & Impact

▪ Created the prototype with a focus on UI/UX best practices, optimizing layout and navigation to enhance user engagement and encourage exploration.

Visit Site Github Repo

(Some demos/repositories are currently unavailable)

3DKitViewer Personal Project

Programming

Design

Tools:

JQuery Javascript Tailwind CSS <model-viewer>

Project Overview

3DKitViewer is a web application built to demonstrate the power of the <model-viewer> API, offering users an intuitive 3D model customization experience. The app allows for seamless interaction with 3D assets, enabling real-time visualization and configuration changes directly in the browser.

Role & Responsibilities

Full-stack Developer

Full Development

Timeline & Duration

1 Week Project

2019

Process & Development

▪ Leveraged the <model-viewer> web component to display GLB/GLTF models with support for camera controls, AR view, and environment settings, ensuring compatibility across modern browsers.

▪ Implemented functionality to upload and apply custom textures from the user's local device, enabling personalized 3D model styling with dynamic JavaScript logic and real-time rendering updates.

Results & Impact

▪ Built an interactive UI using Tailwind CSS and jQuery, allowing users to easily modify 3D models’ materials, lighting, and viewing angles for a responsive and visually immersive experience.

Visit Site Github Repo

(Some demos/repositories are currently unavailable)

Liga BBVA MX Expansion Personal Project

Prototype

Tools:

Figma Adobe Photoshop Prototype

Project Overview

Liga BBVA MX Expansion is a high-fidelity prototype that reimagines the official website of the Mexican Football League. Designed with a modern sports aesthetic, it preserves the site’s original content while elevating its visual impact and usability to align with current design trends.

Role & Responsibilities

Full-stack Developer

Full Development

Timeline & Duration

1 Week Project

2019

Process & Development

▪ Developed custom graphic assets and mockups in Adobe Photoshop to simulate live match visuals, team branding, and promotional content within the revamped interface.

▪ Created an interactive and fully navigable prototype that focuses on mobile responsiveness, ensuring accessibility and engagement across all screen sizes and devices.

Results & Impact

▪ Designed a modern and dynamic layout in Figma, drawing inspiration from top-tier international sports leagues to improve navigation, readability, and overall fan experience.

Visit Site Github Repo

(Some demos/repositories are currently unavailable)

Pharma@Home Personal Project

Prototype

Tools:

Adobe Photoshop Microsoft VBA Prototype

Project Overview

Pharma@Home is a functional mobile app prototype designed to modernize the pharmacy experience. It enables customers to order prescriptions and daily essentials from their phones while allowing pharmacists to securely review and validate medical documentation.

Role & Responsibilities

Full-stack Developer

Full Development

Timeline & Duration

1 Week Project

2019

Process & Development

▪ Built automated workflows in Microsoft VBA to simulate prescription verification and streamline pharmacist response times within the prototype environment.

▪ Developed the app concept to balance convenience and compliance, reducing wait times and improving customer satisfaction through a simplified digital process.

Results & Impact

▪ Designed a clean and user-friendly mobile interface using Adobe Photoshop, focusing on intuitive navigation and accessibility for users of all ages.

Visit Site Github Repo

(Some demos/repositories are currently unavailable)

CamView Personal Project

Programming

Design

Tools:

JQuery Javascript Tailwind CSS

Project Overview

CamView is a static web application I developed to apply real-time filters and effects to webcam footage, capture photos with flash and timer options, and easily export and share the results. The project was designed to be lightweight, fast, and compatible with most devices and browsers.

Role & Responsibilities

Full-stack Developer

Full Development

Timeline & Duration

1 Week Project

2019

Process & Development

▪ Integrated multiple CSS-based visual effects with modular structure for easy customization and expansion.

▪ Created a minimal, user-friendly UI focused on visual clarity and accessibility for testing webcam and camera devices.

Results & Impact

▪ Designed and developed a static frontend-only camera interface using HTML5 Video, HTML5 Canvas, TailwindCSS, and jQuery for smooth, low-resource performance.

Visit Site Github Repo

(Some demos/repositories are currently unavailable)

Prev 1 2 3 Next

	Web Portfolio		Patricio Valdes Garcia UX/UI Designer & Front-End Developer

Patricio Valdes UX/UI Designer Toronto, ON, CA
Connect

GitHub Contributions:

2025 2024 2023 2022 2021
2025: 141 Contributions
2024: 223 Contributions
2023: 65 Contributions
2022: 117 Contributions
2021: 109 Contributions
Total Contributions: 655

(Last Update: 9/23/25)

Visit

PATRICIO VALDES GARCIA

CONNECT WITH ME:

Home

About

Contact

Projects

Gallery