AXiOMEL636 | Multimedia Final Year Project

Prototype Demonstration

Cliff Aw | Matt Banyard | Amish Ladhu

Project Recap

2EL631 | Final Year Project | Cliff Aw | Matt Banyard | Amish Ladhu

The Project

• A basic advertising campaign to promote the AXiOM X.• The tools used to promote the product is the focus, not the product itself.• The project is split into 2 main components.

Website

• Design and Development of a responsive website• Interactivity modules including touch capabilities• Web Marketing

Video

• Ident and teaser videos• ‘Coming together’ advert• Components (Headphones, Phone Interior, Accessories)• OS Demonstration Video

Cliff

• Website design and development, web marketing, 3D modelling.

Matt

• 3D modelling, visual effects, compositing.

Amish

• Web design and development, 3D modelling.

Delegation of Tasks

3EL631 | Final Year Project | Cliff Aw | Matt Banyard | Amish Ladhu

Website

Design and Development• Complete master page/homepage• Responsive capability implemented

Interactivity Modules• Slider (Desktop and mobile versions)• Customised HTML5 video player• Magnification on image

Marketing• Social media sites online• Updating of social sites

Progress to Date

4EL631 | Final Year Project | Cliff Aw | Matt Banyard | Amish Ladhu

Video

Modelling• Final phone design complete• Accessories complete• Animatic components in progress

Ident• Complete but subject to change

Teaser/Component Videos• Headphones teaser

‘Coming together’ advert• Animatic complete

OS Demonstration• Researching of similar adverts• Discovering solutions

Progress to Date

5EL631 | Final Year Project | Cliff Aw | Matt Banyard | Amish Ladhu

6

7

8

9

10

11

12

13

14

15

16

Planning – Gantt Chart

17EL631 | Final Year Project | Cliff Aw | Matt Banyard | Amish Ladhu

Website

Design and Development- About, Phone Design, Tour the OS, Specs,

Contact- Responsive capability implemented

Interactivity Modules- Multi-axis rotation module (Phone)- Rotation module (Headphones)- Rollover tooltips (Specifications)- Small animations (Tour the OS)

Testing- Testing (Cross browser/OS and

tablet/mobile)- Touchscreen capabilities

Marketing- Update sites with progress and new

additions

Video/3D

Teaser Videos- Phone case- Phone unboxing- Charging accessories- Exploded view of Phone

‘Coming together’ advert- Modelling of different components- Low poly model walkthrough- Filming of settings

OS Demonstration- Outlining and creating a story board- Using online resources to create the

UI and adjust to AXiOM brand guidelines

Next Stages

18EL631 | Final Year Project | Cliff Aw | Matt Banyard | Amish Ladhu

Website

- Learning and implementing responsive design

- Finding interactive modules for the site, which aren’t plugin heavy.

- Finding a solution for a interactive multi axis image explorer

Video/3D Modelling

- Capabilities of hardware becoming limited due to high poly models.

- Inexperience of creating photorealistic models from rendering techniques.

- Planning and timetabling the digital assets we want to complete.

Problems Encountered

19EL631 | Final Year Project | Cliff Aw | Matt Banyard | Amish Ladhu

Website

- Writing responsive HTML- HTML5- JavaScript Experience- Overall proficiency writing HTML

and CSS- Web optimisation- Designing for the web- Web Marketing

Video

Improved proficiency within;- 3DS Max (HDRI Maps and

Environment based lighting)- General modelling and shader

texturing process- After Effects (including Element 3D

plugin)

Industry

- Keeping to a predefined timetable, ensuring work is completed on time- Accounting for and adjusting plans - Relying on our own time management- Using online tools to aid in workflows- Problem solving, knowing where to find online help/advice/tutorials

Development of Technical & Creative Skills

20EL631 | Final Year Project | Cliff Aw | Matt Banyard | Amish Ladhu

Questions?

https://vimeo.com/groups/axiom

https://www.facebook.com/AXiOMplc

http://al281.student.eda.kent.ac.uk/html/

End

21EL631 | Final Year Project | Cliff Aw | Matt Banyard | Amish Ladhu