The Carlos Diaz Portfolio

UX/UI Development

HP - Build my Printer

This web application was the effort of several artist and developer teams; UX designers, 3D scene designers, and Playcanvas developers. I had the opportunity to bring all of those components together, by developing the interface that communicates with the 3D API tool, while providing a user-friendly experience. I opted to not use any frameworks to keep the code simple and lightweight.

Visit website »

HP - Hybrid Home and Enterprise

I was responsible for building all of the functionality and layout of this website. although the original content has changed a lot since it was created, All of the functionality and visuals I added, are still there.

Visit website »

Sears

Responsible for turning concepts into functional HTML/CSS/JS, Adobe Experience Manager (AEM / CQ5). Workflow meant that not a single developer created a page but rather components for all pages.
I was responsible for several components on Sears, Kmart, Sears Home Services, and Sears Parts
Direct, among others.

Visit website »

Kmart

Responsible for turning concepts into functional HTML/CSS/JS, Adobe Experience Manager (AEM / CQ5) Workflow meant that not a single developer created a page but rather components for all pages.
I was responsible for several components on Sears, Kmart, Sears Home Services, and Sears Parts
Direct, among others.

Visit website »

Marriott University

I was responsible for making layout and content updates.
This website supports Five Languages, using WPML. and it is ADA compliant. Updates made include: javascript, HTML, and content entry for each language

Visit website »

Marriott Careers

I was responsible for making layout and content updates.
This website supports 20 Languages, using WPML. and it is ADA compliant
Updates made include: javascript, HTML, and content entry for each language

Visit website »

CASEL School Guide

I was in charge of most of the front end development, created several modules and connected to CMS (WordPress), using PHP, and plug-ins such as Timber and Advanced Custom Fields (ACF)

Visit website »

HP - Meeting Room Solutions

Gone Rogue Snacks

For the front end, I was responsible for creating all the animations. using mostly vanilla javascript combined with Greensock and Jquery libraries. I used Barba for smooth page transitions. I also implemented Shopify API. in the back end, I was responsible for creating several components for WordPress using PHP and template plugins. Used Timber and Advanced Custom Fields (ACF) to create custom components

Faxitron

in charge of a large part of the front end development. including SVG animations and calculations requiring several Math formulas that update in real-time. Created several modules and connected to CMS (WordPress), using PHP, and plugins such as Timber and Advanced Custom Fields (ACF)

Visit website »

BioCare

in charge of a large part of the front end development. including SVG animations. Created several modules and connected to database using C#

Visit website »

Digital Concepts

Experiments

Gone Rogue - concept

Proof of concept - for a client

Open Concept »

Piggy - HTML game

Side scrolling game made using HTML + CSS + JavaScript.
Because this game uses basic web standard technologies, it can be played on any device, mobile or desktop

Open Concept »

Pandemic

At the beginning of the COVID-19 pandemic, formulas, statistics and simulations became common.
I made this because I was curious as to what would happen with different numbers. such as mortality rate, population size, and population density.

Pandemic Simulation »

Mech VS Lizard

This is an experiment for loading 3D assets using THREE.JS, I modeled, both of the assets. I abandoned this project before adding the functionality to customize colors. I might come back to it. But for now, the colors are random every time the page refreshes

Open Concept »

Pirate Hunter Academy

A game made with Unity 3D using C#. I also created all 3D and 2D assets for this game. Sound design is not my strongest, as a result, music, and effects are stock

Open Concept »

Procedural Solar System

Lately, I have been obsessed with procedural generation.
This is an example of generating procedural planets using HTML/CSS/JS.

Start Simulation »

Resume

Summary

A seasoned Front-End Developer with over 10 years of experience specializing in designing dynamic web applications and creating interactive user experiences. Adept at working with major brands like Sears, HP, and Marriott Hotels, leveraging technologies like JavaScript, React, and Next.js. Skilled in full-stack development with a solid foundation in back-end technologies (PHP, C#, Python), and a passion for driving projects from concept to completion. Proven ability to blend strong technical expertise with creative design to deliver top-tier user experiences.

Technical Skills

Programming Languages & Frameworks

Advanced: React, Next.js, JavaScript, TypeScript, HTML, CSS/SASS/LESS, JSON
Intermediate: C#, PHP, Python, MongoDB
Beginner: SQL, Kentico CMS, SiteCore

CMS & Development Tools

Advanced: WordPress, Adobe Experience Manager
Intermediate: SharePoint (Power User), SiteCore CMS (back-end development), Kentico CMS (Front-End Integration)

3D Modeling & Web Graphics

Advanced:Photoshop, Illustrator
Intermediate: After Effects, Blender, Z-Brush, Unity, Three.js, PlayCanvas

Professional Experience

Omnicom – Senior Software Developer

August 2021 – Present

Developed single-page applications using React, Next.js, and Vue.js
Created Interfaces with WebGL, THREE.js, SVG, and CSS for 3D web experiences
Led high-profile projects for HP, Nissan, and Kroger, and more. including developing 3D applications and interactive multilingual content
Developed an online video editor for creating reusable content templates. both custom made Unreal engine videos, and AI generated content.

Technologies Used: React, Next.js, TypeScript, Vue.js, THREE.js, PlayCanvas, JSON

Merge – Software Developer

May 2017 – 2021

Developed and maintained front-end applications using Kentico CMS, WordPress, and React
Built dynamic front-end features using JavaScript, PHP, and C# integration
Led the creation of interactive features and concepts with WebGL and THREE.js
Worked with NoSQL data and geolocation services for mobile-responsive applications

Technologies Used: React, HTML5, CSS3, JavaScript (ES6+), GSAP, PHP, WordPress, THREE.js

Sears Holdings Corporation – Web Developer

Oct 2013 – May 2017

Developed front-end components for Sears and Kmart using JSON, JQuery, and Angular.
Worked with Adobe Experience Manager to create web pages and widgets for multiple retail websites.
Contributed to Test-Driven Development (TDD) for our front-end environment, improving code quality and efficiency.

Technologies Used: Adobe Photoshop, HTML5, CSS3, JavaScript, JSON, Angular, Java, XML

Peters and Associates – Contractor – Front-End Developer

2013 – 2014

Customized SharePoint 2007-2013 websites, creating custom workflows and designs
Developed a Windows Store application alongside its web-based counterpart

Technologies Used: HTML5, CSS3, JavaScript, XML, C#, XAML

Academy of Nutrition and Dietetics – Web Developer

Nov 2011 – Oct 2013

Developed and administered Ektron CMS, creating page templates for editorial use
Maintained online games and integrated 3rd-party projects, contributing to the backend migration of CMS.

Technologies Used: Visual Studio, HTML5, CSS3, ASP.NET, XSLT, SQL

Kitchens.com – Web Developer/Designer Consultant

Oct 2010 – Nov 2011

Managed development and administration of Ektron CMS to create page templates for the editorial team.
Developed rich media campaigns using JavaScript and ActionScript 3.0

Technologies Used: Visual Studio, HTML, CSS, ASP.NET

TranzAct Technologies – Developer

Feb 2010 – Oct 2010

Led the redesign of table-based websites to table-less markup, enhancing SEO and accessibility.
Developed password-protected websites for clients with single sign-on functionality

Technologies Used: Photoshop, Illustrator, HTML, CSS, ASP.NET, JavaScript

Education

Bachelor of Fine Arts – Purdue University

Concentration: in Illustration (Digital Media)
Minors: Computer Technology, Computer Graphics, English, and Psychology

Additional Skills

Fluent in Spanish (native), with basic proficiency in French and Japanese
Strong attention to detail with the ability to work independently or as part of a team
Creative problem solver, always seeking new learning opportunities to expand skills