Global Settings

Archive Items | Projects Page

Dark Alliance Video

Dark Alliance Video Poster

Dark Alliance | Header

Dark Alliance Background

Dark Alliance Foreground Image

D&D Dark Alliance

Haven Agency | Agency

## Not Baldurs Gate.

Hey now, it's not Baldurs Gate: Dark Alliance, it's Wizards of the Coast! This powerplay was co-developed in Vue/Nuxt, mixed with some contentful integrations and BOOM, you've got a <strike>stew going</strike> highly performant web application! Components such as the media gallery and sub news pages were built by yours truly. 

Dark Alliance | Site Info

Dark Alliance | Site Url

Dark Alliance | Masonry Desktop

Desktop Assets

Haven Agency | Wizards Of The Coast | Dark Alliance

Dark Alliance

ThuyNga Slider Video

ThuyNga Slider Video Poster

ThuyNga | Portfolio Page | Header

Thuynga Home Page Header Image

Thuynga Foreground Image 

ThuyNga Shop

[OOO] Studios | Agency

## Vietnam's Largest Production Company

The Thuy Nga site has it all! Using Next/React/Typescript with Shopify, Thuy Nga can elgantly display products and expertly manage their content using Contentful CMS. Integrated with Spotify, site visitors can easily create or add tracks to their favorite playlists. Youtube integrations seamlessly link video conent. The site builds and deploys with Vercel on any CMS or dev change. Sounds cutting edge, huh? Let's not forget GraphQL!

ThuyNga Page | Site Information

ThuyNga | Site Url

ThuyNga | Masonry Desktop

Self | ThuyNga 

ThuyNga Eccommerce

Haven Agency Header Photo

Haven Agency | Header

Haven Agency Thumbnail Image

Haven Agency

## Creating Digital Applications for Global Brands 

As a developer, the opportunity to contribute to your company's website is a great way to showcase your work. As an assistant dev on this project for my current employer, I spearheaded the implementation of all animations using the Green Sock Library and worked to optimize performance. In addition to building out some of the general components. This collab was a great partnership and learning opportunity, resulting in a highly performant, visually beautiful web application.

Haven Agency Site | Site Info

Haven Page Scroll Motion Study

Haven Agency | Site Link

Haven Site | Masonry Desktop

Haven Agency | Haven Agency Site

Coachella Hero Intro Animation V003

Coachella Hero Intro Animation V003 Poster

Coachella | Header

Coachella Header 2020

Coachella Swirl

Coachella

## Longest Running Coachella Website To Date

This project was built in late 2019, expecting full concert rosters in 2020. (Heh, little did we know what was to come!) Due to the pause in the music touring and entertainment industry, this is the longest running Coachella website to date since the lineups change every year. This project was built as a specialized template for one of our proprietary website builders made specifically for the AEG team. Built in PHP templates, the animations were done in good ol' vanilla javascript. My favorite contribution to the world of web development; just check out those motion studies below!

Coachella | Site Info

Coachella | Site Url

Coachella | Masonry Desktop

Haven Agency | Golden Voice | Coachella

Golden Voice Coachella 2019

Bushmills Archive 

Live Nation Bushmills | Header

Bushmills Header

Bushmills Red. Set. Go.

Bushmills Sweepstakes

## Bushmills Sweepstake 

Live Nation and Bushmills partnered to create a sweepstakes promotion and needed a fluid way to get users to enroll. Two applications were built: the first being a singular funnel system built with age gates and custom form validators and the second to build dynamic email follow ups. The campaign was highly regarded and successful, garnering a few thousand entries within the first few days.

Bushmills Sweepstake | Site Info

Bushmills | Masonry

Assets

Haven Agency | Live Nation | Bushmills Sweepstake

Live Nation Bushmills Sweepstakes

Fender Archive

Fender Play | Header

Fender Header

Fender Play Logo

Fender Play Splash Page

## Fender Play 

The Fender Play splashpage was built statically with HTML, CSS & Javascript to provide the Fender development team the ability to plug and play components into their already sizeable and immersive website. Launching their product required a page featuring a clean design with carousels and animations. 

Fender Play Homepage | Site Info

Fender Play Video

Fender Play | Site Link

Fender Play | Masonry

Haven Agency | Fender | Fender Play Homepage

Frank Salas Archive

Frank Salas | Header

Frank Salas Header

Frank Salas Logo

Frank Salas

## Frank Salas

When approached to build a site for a master photographer, an 8-time award winner of OC's Wedding Photographer of the Year, the only solution was to build a first class portfolio with elegant animations. The front end was built using PHP templates and a custom CMS was designed to allow for easy content management.

Frank Salas | Site Info

Frank Salas | Site Url

Frank Salas | Masonry

Haven Agency | Frank Salas

Citizens Bank House from stage

CBOH | Header

Citizens Bank Opera House and stage from Orch right front

Cboh O

Citizens Bank Opera House

## Enjoy Low-Yeilding Savings Accounts AND Musicals

Citizens Bank Opera house needed a new website to sling their Hammilton tickets, so they entrusted us with the task. Built intuitively with Next and React, alongside the Contentful CMS, Citizen Bank users can manage their web application with ease as Netlify will autodeploy on any CMS or development update.

CBOH | Site Information

Citizens Bank Opera House Grand Lobby

Boston Opera House | Site Link

CBOH | Masonry Desktop

Haven Agency | CBOH

Boston Opera House

The Animal Archive Image

The Animal | Header

The Animal Header

The Animal Logo

The Animal

## Can You Release The Beast?

What do you get when you cross a beastly spirit with an interactive toy truck? Only the coolest Spinmaster toy the world has seen - The Animal. Need not mention product backing by Spinmaster dubbed "hot dad" Pete Wentz. Built with savage instincts and ferocius ferver (React and Redux), this creature supports multiple localizations. 

The Animal | Site Info

The Animal Video

The Animal | Site Link

The Animal | Masonry Desktop

Haven Agency | SpinMaster | The Animal

Archive Image

Purse Pets Archive

Purse Pets | Header

Purse Pets Header

Purse Pets Logo

Purse Pets

## More than a Purse

More than a Pet! Why just have fashion when you can also have a friend? Spinmaster does it again! Requirements for this project include multiple localizations in a framework that Spinmaster was familiar with. A stylish and friendly web application was built with React and Redux for state management to easily display product details, where to buy and parental information.

Purse Pets | Site Info

Purse Pets Video

Purse Pets | Site Link

Purse Pets | Masonry

Haven Agency | Spinmaster | Purse Pets

P.Lushes Collect Them All

P.Lushes Collect Them All Poster

P.Lushes | Header

P.Lushes Pets | Header Image

P.Lushes Pets Logo

## Designer Plushes From Around the World

Spinmaster knows their toys! P.Lushes came forward looking for a elegant website to showcase their new plush toy collection. The requirements for this build included  React and Redux with multiple localization support. The result was a fun, chic and performant web application.

P.Lushes Pets | Site info

P.Lushes  Close Up

P.Lushes Pets | Site Link

P.Lushes Pets | Masonry

Haven Agency | SpinMaster | P.Lushes Pets

P.Lushes Pets | Site Url

P.Lushes Pets

Present Petz Archive

Present Petz | Header

Present Petz Header

Present Pets Logo

Present Petz

## Present Petz

Dubbed "Toy of the Year" by Kelly Clarkson, Present Petz was built using React and Redux for state management. The site showcases the toy's description, where to buy and product details in streamlined fashion. 

Present Petz | Site Info

Present Petz Box

Present Petz | Site Url

Present Petz | Masonry

Haven Agency | SpinMaster | Present Petz

Present Pets | Site Link

Peek A Roo Header Mobile

Peek A Roo Archive

Peek A Roo | Header

Peek A Roo Header

Peek A Roo Logo

Peek A Roo

## Peek A Roo 2021 

This highly sought after new toy species with it's surprise baby reveal is sure to spark joy with children across the globe! Peek A Roo was designed to display this magical toy in a way both parent's and children could navigate. Supporting multiple localizations, the site was built with React and uses Redux for state management.

Peek A Roo | Site Information

Peek A Roo Video

Peek A Roo | Site Link

Peek A Roo | Masonry

Haven Agency | SpinMaster | Peek A Roo

Owleez Archive Photo

Owleez | Header

Owleez Header

Owleez Logo

Owleez

## Owleez 2019

Learning how to fly is tough! A reverse, bottom up design was created for Spinmaster's Owleez toy to mimmick the toys functionality. Built simplistically in React with Redux for state management, parents can view the product, details and where to buy.

Owleez | Site Info

Owleez Shake Video

Owleez | Site Url

Owleez Masonry

Haven Agency | SpinMaster | Owleez

Measure P Archive

Measure P | Header

Measure P Hero

CJUHSD Measure P Logo

Measure P

## Measure P 2021

When the Chaffey Joint Union High School District determined that a comprehensive strategic plan was needed to ensure that students were receiving the highest education possible, a smartly designed web portal was at the top of their list. Building out an intuitive Contentful web application, in conjunction with Next/React allows their team to expand the website and make quick updates independently. 

Measure P | Site Info

CJUHSD Video

Measure P | Link

Measure P | Masonry 

Haven Agency | Tilden Coil | Measure P

hero

New Amsterdamn Archive

New Amsterdamn | Header

New Amsterdam Header

New Amsterdam Email

## New Amsterdamn Email Promo 2018 

Clunky email promotions created with lots of tables are a thing of the past! For New Amsterdam, a slick React application was built around their email templating requirements and enabled the New Amsterdam team to create dynamic emails that ensured the promotion was a great success!

New Amsterdam Email | Site Info

New Amsterdamn | Masonry

Haven Agency | Live Nation | New Amsterdam Email

Live Nation New Amsterdam Email Marketing

Arpo Archive

Arpo | Header

Arpo Header

Arpo

Feijoo Montenegro | Agency

## Arpo 2018

What is the most valuable asset to a strategic marketing firm? The ability to quickly reach their base by easily creating and sharing posts related to their market research. Equipped with a custom WordPress theme, Arpo has been able to continue their success as industry leaders and acquire new clients.