Welcome to my portfolio site. My name is Keith Ryan and I'm a Honours Degree graduate of Creative Multimedia @ LSAD Clonmel. Check out my final year project 'Offrz' or scroll down to view a selection of my projects.
Final Year Project
What is Offrz?
Offrz is a web app built using Node.JS, combined with a Mongo database and using Bootstrap for the front-end interface. Concept
The concept for Offrz originates from witnessing businesses poor use of social media. Seeing timelines interrupted with special offers or deals I thought there might be a more appropriate way of delivering these offers. Offrz basically combines the follow and like system employed by social media sites and integrates it into its own system of companies offerings. The Build
The decision to build Offrz with Node.JS and MongoDB was heavily influenced by my determination to become more competent with these modern frameworks.
Offrz is built with the MVC architecture in mind. It's programmed to output three different views(consumer, business and admin) which depends on who’s logged in at the time. The output of most views are largely dependent on input from registered businesses. Businesses create posts by combining an image and some textual data, which in turn is outputted to the timeline of the business followers.
Offrz has a number of features integrated into the project. It incorporates the HTML geolocation API to generate a list of offrz based on the current user’s location, it has full search functionality for discovering stores or offrz available, Offrz also has its own analytics integrated for each offer which tracks views, click-throughs and saves, Offrz also sees an integration of the email tool Sendgrid which is set to send out an email upon registration.
View source code here or view the short promo for the consumer view below.
Parallax Scrolling Website
Web Dev Project
This project was more about the visuals than the code. However it proved valuable with key learnings coming in the form of scroll events and CSS positioning. The brief was to chose something from your own interests and create a highly visual and animated website using whatever code libraries you wanted in order to produce a parallax effect upon scroll.
The Buttonator was a college team project for a web dev module. The brief was to create an online tool that could be used by web developers. We decided to build a tool for outputting the necessary CSS for creating HTML buttons. It was a valuable exercise in working within a team, in which the project was separated into clear roles between design and programming. My own role in this team was programming, which itself was an introduction to generating dynamic content.
This was freelance work taken on during college. Initially designed purely in bootstrap but later changed for Wordpress as the client needed a CMS system and a blogging section. Created for Waterford Photographer Gerry O'Mahony, his requests were that it was mobile responsive, easily updatable and easy on the eye. An interesting project for me as I gained some experience with the popular Wordpress framework.
Gerry O'Mahony: "Very happy with all aspects of the of the site Keith designed for me. Ten out of ten, would score eleven if I could!"
This website was my first paid client work. It proved a valuable learning experience and introduced me to dealing with clients expectations, deploying a website and utilising plugins long before I’d been introduced to them during my studies. My input in the project also included creating the logo and some photography.
This website was part of my degree work placement and involved redesigning an old wordpress site. Photography, logo design and wordpress template adaption were the main takeaways for me from this project.
As part of my Multimedia Degree I undertook a 12 week work placement. During this work placement one of my main projects was to produce an application for use by the company's tour guides and also the company's customers. Created using JQuery mobile I created a cross platform webapp, detailing hotels, restaurants and activities, and which also included a tipping calculator at the request of the company. Although JQuery mobile may not be as popular as it once was it was a valuable exercise in using unfamiliar frameworks and proved to me I can learn these frameworks when necessary.
Created using ActionScript 3 for the Rich Media module, I created an audio sequencer for use online or on an android device. I found this a tough project as the brief had many elements to it. The brief required utilising sound classes and also to integrate an element from an external XML file. The sequencer can viewed in the SWF file linked to below with the finalised project utilising click/touch and timer events, built around a number of sound classes, loops and arrays.
Try out the sequencer here or view source code here
Part of Audio 2 module. Having a keen interest in music this is something I really enjoyed. I sampled a track and film, and reworked them into beats and melodies created by myself. I used FL Studio to create the sounds which I then mastered using Reaper.
The finished project can be heard below.
Bringing Logos to life
These are logos I've seen which I immediately had a vision for animation. Sound effects added to produce a more rounded animation.
I've had to create some short animations for two modules but the one I'm proudest of is featured below. Created in flash with audio overlayed in after effects.
This was a 2 person project. The brief was to create a documentary on a subject of our own choice. We choose a local retreat centre as it had some interesting history and architecture.
The focus of this Video module was to give us an understanding of storyboarding and editing. I came up with the story and together with other students went and shot the footage together, and later fully edited by myself.
Having studied Photography for a semester I've developed a passion for it and hope to bring it to a higher level once college is completed. I believe a continuation of this hobby will also be beneficial to developing my visual skills in general.
View my flickr stream here