Hugh Francis


Freelance UI Engineer and Maker of Things
Formerly at Gin Lane Media

me@hughfrancis.me

Hugh Francis

Curriculum Vitae


Hello

Australian-born UI Engineer and all-round happy guy sporting an honors degree in Engineering. I eat healthy, contribute to open source, smile at people, and ride bikes in my spare time.


°˖ ✧◝(○ ヮ ○)◜✧˖ °


e. me@hughfrancis.me


Expertise

Development

Ruby on Rails

Spree Commerce

Ember CLI / React

Angular / Backbone

Rspec / Capybara

Teaspoon / QUnit

Mocha / Jasmine

WebGL

Design

Adobe Illustrator

AutoCAD

User Interface

User Experience

Interaction

Wireframing

Prototyping

Tools

Ruby / Pry

Coffeescript / Emberscript

Gulp / Grunt / Broccoli

Slim / Haml / Emblem

SCSS / Compass

PHP / Python

Zurb Foundation

Processes

Jira / Trello

Git / Github

Circular Integration

Scrum / Standups

Feature Branch Workflow

Agile Development


Employment

Gin Lane Media

January 2013 to February 2015

Full Stack Development


Largescale client work for the likes of Adidas, Michael Kors, AYR (Bonobos), Reformation, Sweetgreen, Baublebar, The Westway and more. Mainly Ruby on Rails and Javascript MVC.


Freelance

Like, most of my life

Full Stack Development


The hustle is strong. Rails / Spree / Ember CLI. Deep in it.


CMJ Music Maraton

August 2012 to December 2013

Web Design & Development


Think SXSW, but NYC. I led most of the development work throughout the festivals of these two years - and also lent my hand with a big chunk of the design work.


Silo Arts & Records

2011 to Present

Brand Management & Creative Direction


Silo Arts & Records is my own record label. I've been doing all of the Graphic Design and required frontend work since day one. It's not too shabby, if you ask me.


Energy Power Systems

January 2011 to late 2012

Mechanical Engineer


In a different life, I worked as a Mechanical Engineer. Energy Power Systems is a subsidiary of Caterpiller. We mainly installed generators into High Rise buildings. It was pretty boring, TBH.


Education

University of Queensland

Bachelor of Engineering (Mechanical)

Graduating Honors Class IIB

Rockhampton Grammar School

Graduating Year 2006

OP3


Referees

John Donahue

Gin Lane Media

Technical Project Manager

e. john@ginlanemedia.com

Jon O'Brien

Playlab Inc

Senior Strategist

e. obrienjm@gmail.com

Nick Panama

Mainframe Group

Product Lead

e. nick@cantora.com

Amy Hintz

Flavorpill

Account Manager

e. amy.hintz@gmail.com

Hugh Francis

Portfolio


Products

Sweetgreen Online Ordering System

for Gin Lane Media


Information

The Sweetgreen Online Ordering System is a Rails Middleware & Ember Client that interfaces with Micros via OLO. It also interfaces with LevelUp for supporting legacy Rewards Users.

Acclaim

Rolling out to Sweetgreen stores in October 2014. Stay tuned!

Technology

Ruby on Rails, EmberJS, QUnit, Teaspoon, Rspec, Emberscript

The Reformation

for Gin Lane Media


Information

Gin Lane was asked to replatform the eCommerce site for LA Fashion brand, The Reformation. We chose to use Ruby on Rails and Spree Commerce in conjunction with a Backbone / ReactJS frontend, for blisteringly fast conversion.

Acclaim

While the project has been entirely handed off to the client - shortly after launch the conversion rate had almost doubled the brand's former site.

Technology

Ruby on Rails, Spree Commerce, ReactJS, BackboneJS, Capybara

AYR

for Gin Lane Media


Information

This popup site was a for the launch of Bonobo's womens clothing line - AYR. While only live for a few short months, the site featured Spree checkout, enhanced with the use of AngularJS.

Acclaim

AWWWARDS Site of the Day, The FWA Shortlist

Technology

Ruby on Rails, Spree Commerce, AngularJS

Baublebar iPad App

for Gin Lane Media


Information

In order to solve a unique problem with custom jewellery, we built an interactive iPad app that allowed 3D visualization of monogrammed pieces. The system used WebGL (in conjunction with a hacked iOS web view) to visualize the product. The user could then purchase the piece with their credit card via the attached Mag Reader.

Acclaim

Featured on The Next Web & Business Insider

Technology

WebGL, Ruby on Rails, Spree Commerce, Cinema 4D, Python

Calendar Camp


Information

A simple Rails app for managing content calendars. Makes use of the Apartment gem and Postgres schemas for handling multiple companies data.

Acclaim

Currently being used to manage campaigns by the likes of Michael Kors, Adidas, Dolce & Gabanna and Gucci.

Technology

Ruby on Rails, PostgreSQL Multitenancy, Compass, SCSS, Slim

Adidas MyGirls

for Gin Lane Media


Information

The Adidas MyGirls campaign serves as a way to unite Adidas's womens brands. It's an online experience that interfaces closely with the Adidas Hotspotting API, and is built on Adidas's chosen PHP web framework - Silex.

Acclaim

Featured on AWWWARDS Best Websites and The FWA Shortlist

Technology

PHP, Silex, Twig, SCSS, jQuery