Hyundai Certified microsite

My Role:

  • HTML, CSS, Flash, Javascript
  • Integrating webpages in Elcom CMS and testing
  • Graphic editing with photoshop

About this Microsite

I built this page and integrated it into Hyundai’s website which was built with Elcom CMS. The page “100+ POINT VEHICLE CERTIFICATION” has a Flash animation embedded in it. The flash animation can still play in Chrome browser after Flash plugin is installed.

FIFA 2014

My Role:

  • HTML, CSS, Javascript, FBML
  • PHP programming
  • Database setup in MySQL
  • Integrating frontend and backend
  • Building related EDMs
  • Graphic editing with photoshop

About this screenshot

This landing page was built as a follow up competition for users who didn’t win tickets to FIFA cup. Users who took part in the previous competition and test drove could register to get a free original FIFA Brazil football or a cap.

Hyundai SantaFe Facebook pages

My Role:

  • HTML, CSS, JQuery
  • PHP programming
  • Database designing in MySQL
  • Integrating webpages with Facebook pages
  • Built related EDMs
  • HTML, Jquery, CSS, PHP
  • Graphic editing with photoshop

About Hyundai SantaFe Facebook pages

I was given Photoshop files of the designs and asked to build the pages. I coded the frontend and backend part of the microsite. I built the POLL with PHP and MySql database. Please click on the button below to see the screenshots.

Hyundai Facebook pages

My Role:

  • HTML, CSS, JQuery
  • PHP programming
  • Database designing in MySQL
  • Integrating webpage with Facebook pages
  • Building related EDMs
  • Graphic editing

About this screenshot

I built the first Facebook pages for Hyundai Australia, so the learning curve was a bit steep but very satisfying. A lot has changed with Facebook since then. Now I am focused on learning Facebook’s ReactJS and it has been equally satisfying.

Facebook competition pages

My Role:

  • HTML, CSS, JQuery, PHP
  • Database setup in MySQL
  • Integrating webpage with Facebook pages
  • Building related EDMs
  • Graphic editing

About Facebook competition pages

After I built the first Facebook pages for Hyundai Australia, I was given similar projects. I created at least 20 Facebook competition pages. These pages were built like regular PHP pages and integrated within Facebooks framework. I don’t have screenshots of all the pages I built. To see the few screenshots I managed to collect, please click on the button below.

Kia website microsites and updates

My Role:

  • Updating content on Kentico CMS
  • Integrating new pages within the CMS
  • Updating offers periodically
  • Updating carousels and banners
  • Graphic designing and editing

One of my regular jobs was to updated content on the Kia Website. Below are screenshots of content I used to update.

Homepage

This is a screenshot of a homepage from a old KIA website. I used to design images for this page based on the requirement and updated the content in the CMS.

Offers page

These are two screenshots of the offers page. It was my job to update the offers on this page every month. To update this page I used to create the graphics, code HTML, CSS and Javascript.

Custom pages

I used to build new pages for the KIA website. These are two screenshots of pages I built.

Reviews page

I used to updated content on the reviews page. This is a screenshot of the reviews page.

Contact form

I had to learn bit of ASP.net and code to enable this form to email summited data to the client.

Graphic design

Website skins/Page takeovers

This image is a background image that was used as a youtube skin. I have shown a insitu image and the actual image. I have designed many similar skins for carsguide.com.au and carsles.com.au. Unfortunately, I didn’t collect the skins I designed. This is the only background skin I have.

EDM

I have designed and built EDMs. I have also dispatched EDMs through Campaign Monitor. These images are just a few EDMs I designed. Some of the EDMs I built can be browsed in the EDM category of my portfolio.

Website assets

I have designed website assets for Hyundai and Kia. These images were used on Hyundai’s homepage carousel. I didn’t collect the images I designed. These images are the only website carousel images I found on my computer.

Assets for Social media

I have routinely designed assets for Social media. I didn’t collect all the images I designed. The images are just an example of the kind of images I have designed for Social media.

Video editing and Motion Graphics

Cerato GT- Video composed with Aftereffects

My Role:

  • Editing Images in Photoshop
  • Composing the assets in Aftereffects and exporting as a video

About this video

I created this video for a presentation. The video shows the Userflow of a browser based game that was created for Cerato GT.

How I created this video

I took a picture of one of my team members hand and his iPhone. I cleaned the image in Photoshop and exported the image as a PNG with transparency in the screen area. The animation inside the iPhone frame is a video screenshot I took with the browser’s responsive device mode. The screaming voice in the video is of another team member. I imported the screenshot video into Aftereffects and placed it inside the iPhone frame. The final result is the video below.

Cerato GT Instagram story – Video composed with Aftereffects

My Role:

  • Editing Images in Photoshop
  • Composing the assets in Aftereffects and exporting as a video

About this video

The video shows the User flow of a game for Cerato GT in the Instagram insitu.

How I created this video

I was asked to create a video that showed the Userflow of a Cerato GT game app on the mobile for Instagram. I created the copy of Instagram user interface in Photoshop. Put together selected images. I created a webpage that simulated the Userflow of the app and screenshot as a video. I imported the images and video screenshots into Aftereffects and composed it into a video.

Tucson Carsguide insitu

My Role:

  • Editing Images in Photoshop
  • Creating HTML page
  • Composing the assets in Aftereffects and exporting as a video

About this video

I created this video for a presentation. The video shows Tucson banners in Carsguide website insitu.

How I created this video

I took a screenshot of the Carsguide.com.au website. Converted the screenshot to a webpage. Placed the HTML5 banners I had previously built in the Webpage. The page was too long, so I took two separate video screenshots of the top half of the page and the bottom half of the page. I imported the video screenshots into aftereffects, aligned them and exported them as a movie file.

Kona video in Youtube insitu

My Role:

  • Editing Images in Photoshop
  • Composing the assets in Aftereffects and exporting as a video

About this video

I created this video for a presentation. This video shows a video on the left of Youtube Masthead.

How I created this video

I took a screenshot of the Youtube page. Moved the halfpage to the right and imported the image in Aftereffects. I placed the video next to the Masthead banner and exported the composed video.

i30 news.com.au insitu

My Role:

  • Editing Images in Photoshop
  • Composing the assets in Aftereffects and exporting as a video

About this video

I created this video for a presentation. The video shows the flow of a browser based game that was created for Cerato GT.

How I created this video

I took a picture of one of my team members holding an iPhone and cleaned the image in Photoshop. The animation inside the iPhone frame is a video screenshot taken in the browser’s responsive device mode. The screaming voice in the video is of another team member. I imported the screenshot video into Aftereffects and placed it inside the iPhone frame. The final result is the video below.

i30 Calculator – Video Editing

My Role:

  • Editing Images in Photoshop
  • Composing the assets in Aftereffects and exporting as a video

About this video

I created this video for a presentation. This video was created to show how the news.com.au homepage would look after the i30 banners were placed on the page.

How I created this video

I took a screenshot of the news.com.au page. I converted the screenshot to a HTML page. I replaced the banners with i30 banners and took a video screenshot. I edited the final video screenshot with Adobe Media Encoder and exported as a video.

4wdaction classifieds

My Role:

  • Website and Graphic designing
  • PHP, HTML, CSS and Javascript
  • Database designing in MySQL
  • Installing and customising WordPress
  • Installing and customising PHPBB forums
  • Periodically updating content and code

About this website

I was asked to build a classifieds site for 4wdaction.com.au. I built the frontend and backend for website with HTML, CSS, Javascript, PHP and MySQL. Based on the requirement I built pages for Registration, Login, User area and admin area. The user area allowed users to add new vehicle ads, edit the ads and manage user information. Users were allowed to sell their vehicles or just create picture galleries of their vehicles. Users could search for vehicles by make, model, state and price range. A search form can been seen on the screenshot of the homepage. I had secured the admin area with a login page. The admin could manage users and content posted by users. I also setup and customized WordPress for the blogging and phpBB forum.

Magstore

My Role:

  • Setting up Volusion Ecommerce site
  • Setting up paypal merchant gateway
  • Populating the site with product images, products details and offers
  • Dispatching EDMs through Campaign monitor
  • Graphic editing


More information:

About this website

The management wanted the online shopping cart to be setup with Volusion. I setup the shopping cart, customized it and setup the paypal merchant gateway. After the website was built, I used to build EDMs and dispatch them every week. The EDMs had links to the products on the online shopping site.

VIEW SCREENSHOT