WingleWare: A commercial HVAC controls company.

A project with the CEO of WingleWare and a contractor named Javier who designed much of the Figma work. He handed the flat .jpegs over to me and I created a fully responsive and animated landing page.

I also conducted heavy SEO research and demographics for WingleWare, identifying possible clients and leads using SalesForce scraping and a python plugin.

Tools
WordPress
ThemeCo
SalesForce
Formidible Forms
Yeost SEO
Photoshop
Illustrator
InDesign
JavaScript
CSS
MySQL
HTML5
PHP
SEMrush
Figma
Image

The Who

Hired to develop UI/UX graphics in Niagara Tridium and Reflow, I showcased my web development prowess to the CEO and I was promoted, becoming the creative director for brand story, marketing, and company visibility.

I also produced technical print documents for 3D printing and UV printing for WingleWare's sister company, MakeOrPrint. These allowed WingleWare to sell unique clips which attached to a popular BMS product, allowing for custom logos and information to be printed on products on grids up to 50 at a time.

Landing Page
Brand Identity
Direct Market
Lead Generation
SEO Optimization
Booking Calendar
Custom PHP
Responsive Design

The Plugin

Live Updating
Dynamic Content

Temperature:
rHumidity:
Mode:
Occupied?

--
--
Loading...
Loading...

  • Lights turn off/on or dim.
  • Time of day affects lights mostly on/off.
  • Temperature fluctuates slowly in a sine pattern.
  • Mode effects temperature and humidity.

The WingleWare facility plugin mimics a real and robust controls feedback for a large commercial building.

  • Primarily .php
  • .js for live updating
  • Realistic temperature and humidity reactions
  • Door lock simulation (Always locked > unlocked > opened)
Live Updating
Dynamic Content

Lobby
Hall 1
Hall 2
Kitchen
Office 1
Office 2
Office 3
Stairwell
Porch
Restroom

Off
Off
Off
Off
Off
Off
Off
Off
Off
Off

Front Foor
Rear Door
Side Door 1
Side Door 2
Kitchen Door

Locked
Locked
Locked
Locked
Locked

System Output
Dynamic Content
Loading...
Sim Power
Dynamic Content
Loading...
Sim Signals
Dynamic Content

Loading...


Sim Outputs
Dynamic Content
Loading...
ImageImage
State Outputs
Dynamic Content
Loading...