Grant Kiely's Portfolio

Work Portfolio

Userjoy

Personal
Design & Build

Fairtrader

Personal
Design & Build

Whalr Landing Page

Whalr
Design & Build

PlateJoy Mobile

PlateJoy
Build

Portfolio Site

Joel Kennedy
Build

Audimation

Bluescope Steel
Design & Build

Forza 5

Microsoft
Build

My Broadband Network

Shellharbour Council
Build

Spend Your Lunch Well

ING
Build

UOW FSAE

University of Wollongong
Design & Build

Super Comparison

AMP
Design & Build

Shellharbour LEP

Shellharbour Council
Build

Spritely

Personal project
Design & Build

Client

Personal Project

URL

https://userjoy.co

Project Details

A simple way to collect user feedback for your website or app, in one place.

Tech Utilised

-React
-Webpack
-Node.js
-Firebase
-Sketch

Client

Personal Project

Project Details

Micro peer-to-peer lending platform.

Tech Utilised

-Vue
-Node.js
-Firebase
-Passport

Client

Wharl CRM

Project Details

Designed and built a landing page for WhalrCRM

Tech Utilised

-SCSS
-Photoshop
-Illustrator

What I improved in my own development

This project really gave me a chance to improve my design skills.

I gained/improved the following skills:
-Creating a style guide
-Choosing a base colour
-Building a colour scheme
-Choosing fonts
-Considering layout options and sketching layout mockups
-Designing in photoshop
-Creating vector assets in illustrator.

Client

PlateJoy

URL

https://www.platejoy.com/

Project Details

Responsive mobile website for PlateJoy

Tech used:

-Sass
-Smacss

What I learnt from this project

This project was very heavily focussed on testing and code quality.

With a strict code review policy, this project allowed me to solidify my code quality and increase the reusability of my sass/css.

I also levelled up on my planning and time estimations thanks to guidance from @jmondo.

In addition to this I got to really dig into pseudo selectors and build some cool elements.

Client

Joel Kennedy

Project Details

Portfolio site for Joel Kennedy

Tech Utilised:

-Sass
-JS
-Jquery
-Gulp
-Isotope/Masonry
-Touchswipe
-Modernizr
-Lightbox

What I learnt from this project:

This project was targeted at modern browsers, it allowed me to utilise modern css techniques, such as 3d transforms.

I also got to build a custom image slider that would utilise touch on mobile and a progress bar on desktop.
It also uses 3d transforms for added performance, it falls back to 2d to cover all modern browsers, and it's gorgeous!

Client

Shellharbour City Council

URL

www.shellharbour.nsw.gov.au/nbn

Project Details

Implemented a NBN campaign website for SCC, included the following tasks:

-Perform Analysis of client requirements
-Specific UI focus for touch devices
-Research touch-based navigation (UI/UX)
-Collaborate with the graphic designer to develop site/graphics
-Create a survey, .NET forms & Video wall
-Mobile Development and testing
-.NET 3.5 and jquery development

Client

Microsoft

Project Details

Promotional site for Forza 5.
This site utilises alot of GSAP and CSS3 animations.

The primary challenges when building the site were:

-Making the site truly responsive
-Manipulating the dynamic slider menu for mobile devices.
-Developing the site in a way that components could be reused in other sub-sites without css & js clashes.

Client

ING

Project Details

An ING Direct campaign to encourage Australians to spend their lunch well by taking part in exciting lunch-time activities. The campaign had over 3,000 entries and 30,000 visits.

The following technologies and techniques were utilised:

-Sass, compass & css3 styles
-OO JavaScript & jQuery
-Cross browser and device testing for iOS & Android.
-.NET, Kentico & MS SQL Server

This project comprised a team of 3 developers and 2 designers. I was heavily involved with the front-end responsive development and in implementing a Kentico booking system for the events.

Client

BlueScope Steel

Project Details

This online application was built for ISO Standard Auditing at BlueScope steel, but can be customised for any type of audit.

The following technologies were utilised:

-HTML5
-CSS3
-JavaScript
-JSON
-jquery mobile
-PHP
-MySQL

This application is made up of two sections: an online administrators section and an auditor’s section.

The admin section allows users to create audit templates and schedule audits to be completed by auditors. The data is stored in a mysql database.

The auditor section provides a jquery.mobile form based UI that utilises HTML5 cache, JSON and localstorage to allow auditors to perform offline audits and produce a report suitable for document storage/email.

Worked with @Bryce1989, @peterpascuzzo, @StephyMom

Client

University of Wollongong

Project Details

Developed and Implemented a site for the UOWFSAE team.

Involved the following tasks:

-Analysis of requirements
-Photoshop mockups
-Graphic Design
-Development of site: css, js, gallery, javascript slider
-PageLime CMS
-Google Analytics

Client

AMP

Project Details

This concept website provides users with comparative superannuation data about people in their geographical area and age group. It utilised over 100,000 database entries, and allows users to interact and gain insight about their super.

Technologies utilised:

-Php
-MySql
-jQuery
-CSS3

Client

Shellharbour Council

Project Details

Implemented a site for the Shellharbour Draft LEP, included the following tasks:

-Performed Analysis of client requirements
-Initial design and working with the Graphic Designer
-Creation of SQL Database
-Implementation of CMS and custom .NET masterpage

Client

Personal Project

Project Details

The following technologies are being utilised: HTML5, CSS3, JavaScript, Jquery, PHP, ACE Editor.

This application seeks to provide a fast and intuitive Online IDE for web developers.
It’s main focus is speed, a rich feature set, and the ability to provide a universal development environment regardless of device.