Below are some mockup samples created during the placement. The first was a mockup for a mobile app interface. The second was a mockup of a restaurant’s unique page. Both were made in Axure RP. The mockup restaurant webpage was partially usable and was shared using Axure RP’s ‘Share’ feature. Other people could then try out a prototype of the webpage.
iPhone app mockup
Restaurant webpage mockup
This is a menu form created using the Twitter ‘Boostrap’ HTML and CSS files. It was created for the use of the customer and business owner and was used to choose food items.
This video showcased how the business owner could benefit from using Hungry Bungry. The video was fully edited using Final Cut Pro X, but was not posted online because the website shown during the video was still being worked on. An animation at the beginning was made using Adobe After Effects. Icons were made in Adobe Illustrator
Animation sample
Video sample
Use of icons in the video
This video was created to show potential customers how they could order food online using Hungry Bungry. The video was partially filmed on the University of Limerick campus. Screen capture was done to show the features of the website. A small animation was done using After Effects. Video and sound was edited in Final Cut Pro X. Camera was Samsung ST200F.
Our second project of the semester was to create a video using our own Foley sound effects and ADR (Audio Dialogue Replacement). Foley sound was recorded separately and ADR was recorded in a studio. A green screen was used for the treetop scene which was later colour keyed in Adobe After Effects. The video was edited in Final Cut Pro 7 and the audio was edited in Pro Tools.
My roles: Director, Video Editor, Script, Actor
Introduction
The purpose of this module was to practice design techniques, gain practical experience in representing our own designs on a page aswell as developing our presentation skills. This was done via classes and project work which had to be collated and reviewed at the end of each project aswell as the end of the year.
Rendering/Sketching
Rendering and sketching allows for detailed representations of concepts. It can help to show a products shape, texture and material without the need for a finished model. Storyboarding was also practiced during these classes.
Comparison between a real product and an in-progress render.
Project Work
1) Festival Chair
The objective of this project was to create a chair out of cardboard that could be used at a music festival. It invloves the processes of research, concept generation, development and detailing.
Concept Sketches
Prototype model of final design (final model was larger and functioned as a chair)
2) Coffee To Go
The objective of this project was to develop an easier/hassle-free way for a person to purchase a coffee. The processes were roughly the same as those outlined above. The final result, entitled ‘Smart Tray’, is displayed below. It allowed the user to pay for their food in advance of the till aswell as carry heavy items.
Smart Tray
3) Product Autopsy
The objective of this project was to take apart an existing product and take account of each part on a manifest.
UPDATE: Recently I attempted to reproduce a concept drawing using a digital notepad/ graphics tablet. The result is below.
Introduction
This module introduced some basic Interation Design (IxD) concepts. This included a description of the IxD process which is split into different phases, which are: the ‘Understand Phase’, the ‘Design Phase’ and the ‘Prototype Phase’. Throughout the year these steps were followed, where the aim was to simulate the practice of an actual IxD project, with the exception of a working interactive installation. The topic of the project was ‘Environmental Awareness On The Campus‘.
IxD Process
By using diagrams, keywords and brainstorming, problems with environmental awareness were identified and a topic was chosen for our team. We decided on ‘power consumption on campus’. In order to understand the topic we used IDEO cards. These cards outlined:
During the ‘Design Phase’ the IDEO ‘Try’ cards were used. Narratives and storyboards were then made to conceptualize our imagined interactive installations.
Finally, a paper prototype was constructed and filmed. This video, entitled: ‘Battery Hunt’ was then edited and put online.