This was a redesign of the Visual ID website using the Wordpress CMS. The site is optimised for mobile, tablet and desktop. The site has also been integrated with the existing Visual ID blog and linked to all related social media platforms. The site is built from a theme and has been customized for a unique identity.
This project presented a great opportunity to learn how to use everybody's favourite content management system. Extensive security measures were taken to keep the data secure, for example changing the wp-admin address, tracking the site's traffic and blocking all hack attemps.
The objective was to bring a new look and feel to existing Visual ID website. Visual ID have a lot of products, partners, pricing plans and clients so the website has a lot of content which needed to be managed so the site visitor is not overwhelmed with information.
An information site to promote a new product from Visual ID called Doddle. Doddle is a marketing material builder that allows users to create point of sale content for print, web, digital screens and social media. It is a redesign of the Visual ID marketing material production system.
The website was built using the Wordpress CMS and a theme which was heavily customised to ensure mobile responsiveness and create a unique identity for the new product. The website also includes a Live Chat function, which I manage. Doddle involved extensive research into all target markets to devise an accurate marketing strategy.
The site is essentially a single page but the theme was a multi-page template so I had to restructure the landing page and customize a lot of the page functionality. Blogging was carried out regularly and shared across all platforms as well as using Yeost SEO and Google Analytics to monitor website activity.
A redesign of the Visual ID artwork creation toolkit. The objective was to make the toolkit easier to navigate, easier to access and easier to understand for both client side and administration side. The old system contains a lot of functionality, which requires one to one training. Doddle comes with integrated walk through tours of major operation flows, video tutorials and a more intuitive user experience.
Doddle is integrated with the Stripe API for secure online payments, the Tawk API which enables live chat and the Facebook API which allows marketing materials to be shared on Facebook. One of the challenges with creating Doddle was writing HTML which was nested in Lasso Script and styling elements which were generated by Lasso on the fly.
The primary goal of Doddle, is to be an entirely on-demand product involving no client interfacing. It is a refined version of the Visual ID toolkit which includes functionality to create your marketing materials, share them on Facebook and push promotions to Digital Screens. I am Project Manager of Doddle.
The objecive was to develop an assistive technology that educates people with special needs on the importance of safety when it comes to public transport. Having worked with Saint John of Gods (SJOG) and the families of people with special needs, I was aware of how challenging it can be. This sparked the idea for Let's Go.
The initial stages involved low fidelity prototypes to illustrate the concept to both my college supervisor and the SJOG staff. Let's Go followed a user led design approach and for that reason, every design iteration was submitted to the SJOG staff and critiqued, from the font choice, to the accessibility, to the colours.
Quick Trip is a native Android application that was designed and developed when I was in the Institute of Art, Design & Technology. The objective was to indicate how much a journey would cost a person based on their specific car, the price they pay for petrol and how far the journey is.
Quick Trip utilises the Google Maps API, geolocation tracking and asynchronous threads. The app estimates the cost of the journey based on the MPG of the car, how far the journey is in km and how much the user is paying for petrol.
A MySQL database stores all the car details and user login information. The user selects their car e.g. Toyota Corolla 2010, both destination points on the map and the distance is calculated asynchronously. This data is inserted into the cost formula along with the car MPG, the price of fuel and the cost is calculated.
This was a single page web application which implements a REST API and allows CRUD functionality on a MongoDB database. This project outlined the benefits of a Mongo database over a MySQL database. It was also a good opportunity to become familiar with the templating engine Jade.
The purpose of this excercise was to understand how the technologies outlined function and interact with each other and as a result no emphasis was placed on the interface design. Hence no sexy photshop mockups!
This is a college project undertaken in order to learn the most popular responsive web design framework, Twitter Bootstrap. It was also essential for gaining an undertanding of web typography and web design principles. The objective was to use no colour until the very end and create a visually appealing page using just black and white, an appropriate font combination and making correct use of the space available.
Inspirations came from the French newspaper 'Le Monde', 'The Financial Times' and 'The Boston Globe' news site. Extensive research was carried out on newspaper design trends dating back as far as 1630. Then two concept designs were drawn up in Photoshop and iterated again and again until they met the task objectives.
Responsive Web Design is going nowhere so I decided to make a RWD brochure site for my mother's new business venture. As a branding excercise I also designed custom business cards from scratch.
The site uses CSS animations, has a contact form which relies on PHP for the back end handling and is built on Twitter Bootstrap. The purpose of the site is to be an information point for people suffering from depression, alcoholism etc.
This website was a good exercise in gathering user requirements and showing the client the possibilities available to them aswell as being a good excercise in copywriting and communicating visually with the end user.
This college project was an opportunity to familiarise myself with the HTML5 canvas. The objective was to create a drawing application that rapidly drew filled circles along each path the mouse was clicked and dragged. The radius of the circles could be changed in the toolbar on the left along with the colour.
Lets Paint has the option to undo your work by clicking and holding the undo button which redraws the path but in reverse. The user is also given the option to change the canvas background colour and interact with it using the up, down, left and right arrow keys which draws random shapes at various sizes in random colours around the canvas.
I undertook a night course in DBS in 2011 in Web Design and SEO during my gap year. I studied the fundamentals of HTML, CSS, SEO and Photoshop. The objective of this course was to get a taste of programming and web development. Course curriculum
I studied Civil Engineering for three years in DIT. Despite not influencing my choice of career path it did teach me the thought process behind problem solving, the importance of attention to detail and also tools such as Auto CAD. Course curriculum
As Front End Developer I am responsible for the design, functionality & maintenance of all client side access points. This consists of the Visual ID and Doddle brochure site aswell as the Doddle web application.
As Project Manager of Doddle my responsibilities include scheduling and chairing Scrum meetings, preparing meeting minutes, ensuring all Doddle deadlines are met and interfacing with Doddle clients and partners. Visual ID Work.
As System Tester, my responsibilities included testing out client sites on various hardware and software platforms and logging the results using Jira and Confluence. This work provided a good insight into the importance of system testing before release.
During college I volunteered at Tech Space as a Web Design and animation teacher. We carried out 2 week crash courses on topics such as the fundamentals of HTML, CSS, Photoshop, After Effects and Action Script.