HCI Jobs

This project includes:

Website Law Compliance (T&C, Privacy, Cookies), Newsletter, Social Media Pages, Search Engine Optimisation (SEO), Search Engine Marketing (SEM), Banners and Video Ads.

Motion 5, Final Cut Pro X, Photoshop, MailChimp, WordPress

Price Zone: Website Video

This project includes:

Website Law Compliance (T&C, Privacy, Cookies)
for the demonstration
of their pan-european  eCommerce site to potential investors
Motion 5, Final Cut Pro X, Photoshop

Price Zone: Magento Store

The design of the first pan-european multilingual eCommerce site for entertainment products. This project includes responsive design, development and integration with multiple sales channels and services such as listing, logistics, accounting, etc.

Job #5: Wedding Invitation

This wedding invitation shows a timeline with the most important moments of the couple, from when they met until the wedding and the baptism of their baby.

Software: Photoshop

Augmented Reality: Hereafter

Scan the image with Layar app from your mobile device
or watch the YouTube video to see what happens.
Software: iPhoto, Layar, Photoshop

During the weekly workshops we explored the capabilities of augmented reality technology in theory and practice using the applications Layer, Creator and Junaio. We learned how to apply images with transparency, audio, videos and 3D objects (e.g. aerostats, 3D fishes, etc.) using image recognition, QR codes and location coordinates. We also experimented with emerging technologies and projection mapping in 3D space and learned how to generate concept ideas for both technologies. My first idea was to use photography and digital manipulation for the implementation of my augmented reality project. I used iPhoto to edit some pictures that I took with an iPod Touch camera. The first photo shows a broken bridge with a “1977” effect applied, in which I was planning to place a ghost. The other picture is a tree in some kind of lake with grass. I applied painting effect and I modified the colours. The concept idea for this picture was the existence of animal life through a painting, supporting the possibility of any artistic creation to be reality in a parallel universe. I was thinking to use the application Creator for making 3D birds coming out from the canvas. Finally I decided to make something even more artistic by taking advantage of the free membership provided by the university for learning how to create digital drawings in Photoshop. The digital drawing I created shows a kid who lost a family member, that can been seen using augmented reality technology. The idea is about a parallel universe somewhere in between our world and another (e.g. heaven), supporting the idea of life after death. The possibility of some human spirits stuck in the transition stage and can not leave our world because of unfinished business, something that keeps their soul here. Those ghosts may have created a universe based on memories from their life, this can includes moments, objects or even other human figures. Initially, I created a rough drawing of my idea and then I improved it in new layers. In order to make it more realistic I created some perspective lines using the path tool which helped me improve my draft in to sketch. The next step and most time consuming was the shadowing that transformed the sketch in to drawing. Then, I created the human skeletons and I followed the same steps. In this point I was looking how to present the ghost using augmented reality. Firstly I tried to apply an image with transparency, it was looking good but I wanted to make something more impressive. So, I used Final Cut Pro X to create an effect that makes the ghost show and then disappear in some kind of interference. I exported the video in MP4 file and I uploaded it on Dropbox. On Layar I created a new campaign and I uploaded the JPEG file of the digital drawing and finally I placed the MP4 video of the ghost using the link of Dropbox.

Reading Resources 

  • Lester Madden (2011) Professional Augmented Reality Browsers for Smartphones: Programming for Junaio, Layar and Wikitude (Wrox Programmer to Programmer), John Wiley & Sons
This textbook is an essential guide for gaining the basic programming skills needed to create mobile apps that using augmented reality technology in various mobile operating systems. The book introduces the leading augmented reality browser platforms including Wikitude, Layar, and Junaio by showing how to build location based content from the start to finish, in order to display POIs (points of interest) through the camera view of mobile devices, such as content creation (e.g. 2D, 3D, audio, video, etc.), content storing and automatic actions when the user approaches a POI. It also suggests source codes and explains how to edit them as well as other reading resources for further development. The book is supported by professionals through Wrox forum. This book is particularly helpful for understanding the technical and practical requirements of augmented reality apps as well as the fundamentals of its terminology.

  • Brian Greene (2012) The Hidden Reality: Parallel Universes and the Deep Laws of the Cosmos [Paperback], Penguin
This book explores different theories of parallel universes supported by a scientific perspective. It focuses on the possibility of our universe to be one among many others and the multiverse theory which is a set of multiple possible universes based on maths.



This infographic demonstrates the management of a residential complex during the summer months.

Software: Photoshop

Video Game Proposal

This is an upcoming 3D game design project based on the Surf Camp project. It includes environment design, lighting, character modelling, character rigging, animation, audio, texturing and basic game programming. There are not programmers in this individual project. There will be explored some basic game programming skills for creating a software that viewers can explore the game environment by controlling the character to walk run and maybe jump, but the main object of the project is a motion prototype that showing how the game would look, sound and behave once developed. The project will be submitted in a website form with an animation trailer and description of the game purpose, concept and mechanics. It will contain a documentation with sketches, concept art and finished artwork for demonstrating the initial game state, in progress state, failure state, success state and maybe some gameplay variation.

Game Pitch:

The game will be based on the real job of lifeguard. You will be playing Tom, who guarding the beach of a summer camp. Your mission is to avoid customers accidents by informing them to follow the rules. For instance to whistle someone who pretending dead or playing a dangerous game, to ask the customers get out from the sea before a dangerous event (weather, waves, sharks etc.). If an accident happen you have to do the right action of a real lifeguard. For example to inform the replacement lifeguard when you saving someone, to decide if you will use the Jet-ski or swim, which first aid technique you will provide for each accident etc. You will also have to use lifeguard’s tools such as binocular, walkie-talkie and beach flags. But the real job of lifeguard is not only making observations and saving lives. A lifeguard may be distracted from small accidents, customer complaints, walkie-talkie calls or even nice looking people. It is exhausting to guard the beach all day if you don’t drink and eat enough or if you don’t put enough sun creme. If you don’t care yourself you will have to deal with limitation to your consciousness during your work. The purpose of this video game is to give an understanding of the mode of working to the lifeguard learners before start their job.


This is a 3D environment design project includes textured terrain, several structures, character, camera animation and a report with the basic stages of development, reached results and workbook pages.
Software: Final Cut Pro X, Maya
Modules: 3D Computer Modelling and Animation, GamePlay
Constantine C.
London, UK