wastedpix3ls-mip:

interesting motion graphic video about movies on 35mm format.

interesting motion graphics about digital coupons

wastedpix3ls-mip:

VISUAL STYLES

The Google Chromebook Ad intrigues and inspires me for a sense of particular visual style, simplicity and minimalistic.

Typography

Kinetic Typography

Motion Typography

My Portfolio Website

The so-called “splash page” which displays random images of the work that I’ve done. I’ve also included photos from outside of university work. These images changes periodically in a slideshow.

The Photography section

The Video Section

Embedded the video from Video Context on Vimeo. Featuring MR A.

The Illustrations Section

All of my illustration work during Semester 1 and 2 goes here.

The About Me

Some random general facts about me goes here.

My Verdict:

Minor changes have been made to the site compared to the digital mock-ups. I feel that this approach enable viewers to see my work straight away. But after submitting it, I feel that there is a lot of improvement can be made to this site to make it look professional. Like for instance, I wish I had a caption box or description right under every photos to show viewers what the photos are all about. Categories of photography would also be nice to put in so that viewers can see my work in different fields, in university and outside university. 

I plan to take this site and actually make it my portfolio site to sell myself. Haha. Perhaps using a different hosting like HussZulkifli.com or so. Sounds like a brand. Maybe over the summer holidays, I would tear this apart and add those missing elements in making this site slightly better and efficient.

The End. Peace. 

The Paper Prototype of My Website Portfolio.

Digital mock-Ups and design based on the paper prototype

The initial tabs for the website. I scraped it because to me, it looks like 1) a girl’s blog and 2) a website that was created during the 1990s where geocities rule everything. haha.

The Illustration Section

I replaced the tabs with icons. Keeping the site’s theme to minimalistic and slick.

the about me section

the photography section

Reflection:

Personally, there’s a lot of digital mock-up from other students that I like, Will, Kate, Adam, Dorota, Ray, Rakeem, Natasha and Kris. Their designs are a bit different than the conventional portfolio site design. I feel that these people aren’t afraid of taking different approach and creating something new. What is best about it is that when you look at their designs, you can tell straight away that it is them. They add characteristics and passion to their designs making it unique and it intrigues me. It has raised my expectations on what I have to achieve on designing my website. There would be minor changes to be made in my design prior to making it less complicated and straight to the point.

Sometimes I feel that when I’m developing my website, I get lost in between how CSS works. As the main content goes in the html, the CSS changes the attributes and appearances of it. But after some practice, I clearly understood the possibilities and the advantage of CSS. I feel that with CSS, html codings are more organizable and structured. My strengths for my work would be the designing the site on photoshop. I tend to be adventurous on how the site might look like and spend hours on designing it. But when it comes to the codings, I’m a bit rusty. It takes a while for me to compute the logic on how it works and what goes where. Hence, making that my main weakness. I have been reading the reader as well as other external readings as well to improve my HTML language.

3 useful online resources for creating a portfolio website.

New pages created on clickgarden during David’s workshop.

konichiwa….

私は日本のために祈る

i pray for japan

my passion page featuring my favorite game series.

link: http://zulkifli.clickgarden.net/passion/

After observing several articles about different styles and elements of web designing, I came to a conclusion of the styles that appeal most to me and will use it as a guideline to work on my web portfolio.

illustrations and cartoons.

drawing has always been apart of my life. from doodling, scribbles to sketching. i would include illustrations and cartoons in portfolio site to make it more personalized. i would however create my own characters and objects rather than taking it from somewhere else. these characters will have that funky vector look.

http://www.haafe.com/

minimalistic

http://www.benhulse.com/index.php

http://concentric-studio.com/

retroism

http://retroedgewebdesign.co.uk/

http://tricycleterror.com/

http://www.sourcebits.com/tangleddecals/

http://thunderfuel.com/