Fitness Studio Website
Nafas Fitness

This website got a total make over. Responsible for the asset collection, design, development and site migration. The project also included responsive development and custom features suitable to the fitness studio's unique customer base.

VIEW SITE

Corporate Website
Crypton

Responsible for the management and improvement of the digital/web presence of Crypton. Implemented iterations on the UI with design and front-end development. 

VIEW SITE

Landing Page
Nanotex•Fresh | Nanotex 

Responsible for the web design, responsive front-end development for a Nanotex technology called, Nanotex•Fresh. The Nanotex•Fresh landing page site was created from scratch, then placed into Wordpress using Advanced Custom Fields.

View Site

Launch Site
NForce | Nanotex

Implemented the web design, responsive pages, subtle animations and front-end development for a Nanotex product called, NFORCE. The NFORCE launch site was created in Wordpress using Divi and custom code.  
​

VIEW SITE

Rich-media Ads
GM | Isobar 

Front-end development of the In-Market OLA for General Motors, cross-divisionally. The examples shown are of ad hoc unique ads of various sizes. Possess knowledge of dynamic OLA as well. The ads are created in Google Web Designer and are served using Doubleclick. Animations are created using TweenLite, CSS-Plugin and Draggable, on occasion. Parallax effects and interactive elements are applied when possible. 

View examples

Email Marketing
Vroom | Crypton | QL | Freelance

HTML/CSS used to implement best practices and standard of email development.  Experience leading the development and implementation of the mobile-first email strategy and converted all creative/emails to responsive mobile templates. Experience with email design, list segmentation, automation in regards to operational, transactional and marketing emails. Implemented the email design and overall best practices. Experience with email metrics to provide insight on optimizing email for a mobile and desktop user. Expert at dynamic functions in Responsys. Used Return Path, Email on Acid, Litmus for email rendering and QA. Urban Airship and Iterable​ for push notifications and SMS. Technical skill with SendGrid, Iterable, Segment, and Postman as well. 

VIEW Examples

Distraction-Free
​Driving Trainer
2018 Isobar Hackathon

​Together, the team utilized head and eye-tracking software with machine learning to determine the driver's field of vision for any user in any vehicle. Artificial Intelligence analyzes live video to identify differences between good and bad driving behavior. Data sets are measured with the use of Machine Learning to compile a distraction score. A post-trip summary includes a list of top distractions and a video of distracted events. The hardware and software includes TensorFlow, ML5.js and HD Web camera.

Isobar | Award Winning  | Collaboration

View Site

Webpage
The Heidelberg Project | Isobar

Apart of the Isobar team that launched the first ever app for one of Detroit’s most iconic landmarks, The Heidelberg Project. It was awarded a win at the 2018 Appy Awards​. The app is designed to guide users through a unique tour of the site leveraging GPS technology. Viewers then have the opportunity to deep dive into key landmarks within the exhibit, exploring content tied to the history, construction and inspiration. This responsive site was built with HTML5 and CSS3. The animations were done using TweenLite.
​
Isobar | Award Winning  | Collaboration

VIEW SITE

Layer Motion Slideshow
Personal

A CSS Grid-based slideshow with a layer motion effect on the main image and title. Images are shown and hidden with a reveal effect. The animations are done using TweenMax.

This was created for a year end review for when I worked at Isobar. It was used to show the year's noteworthy accomplishments. Took the opportunity to learn something new.

View Site

3D Effect 
Personal

Interactive “fake” 3D effect created with depth maps and plain WebGL. The depth map of the image was created in Photoshop. The rendering logic is happening in shaders.  The depth information is used to move the pixels of the original photo slightly. The brighter the pixel is, the more it will move with the mouse. The dark pixels will just stay in place. The result is a 3D illusion of an image. 

VIEW SITE

Unity Projects
Coming Soon

​Various personal projects in Unity. Projects will include a space shooter, a mini survival game, an adventure game, as well as a tank battle game.