Portfolio Development – Wix Version 2

Although you can choose a template within Wix, there is also another option to build your own, which is what I exactly did after looking more into domain prices (Wix has the best price plan for myself). I took inspiration from the last layout I used on Adobe Portfolio and started building in Wix again. It doesn’t look exactly the same but it is very similar, which I am personally happy with as it still shows off who I am (which is important for marketing). See images below to see my final website;

This slideshow requires JavaScript.

My next step will be to purchase the domain to make it purely my own website with no adverts. The portfolio link will then be placed on my CV and Cover Letter to let employers show what work I am capable of creating.

Portfolio Development – Adobe Portfolio

After realisation that there wasn’t anything unique by using a template that would have already been used by thousands of people, I wanted to create my own look on my website with a layout made by myself. I was recommended Adobe Portfolio by a graphics student so I decided to give it a go. There was a lot more uniqueness about this website builder as I got more inspiration to create my own look. All of the the content on this new website was created by me within Adobe Photoshop, a program I have got significantly used to in the last couple of months due to a heavily based previous competition brief.

This slideshow requires JavaScript.

After a lot of experimentation I later realised it wasn’t cheap to buy a domain for this website. I would have had to buy the whole adobe suite to get my moneys worth and on top of that, extra fees would have to be payed for my own domain. This was a lack of research by me, which I have later learnt from as I have now got a final website created on another website inspired by the layout I created this Adobe Portfolio (see next post).

Portfolio Development – Website Builder

I wanted to re-create my portfolio on a new website that I haven’t used before, and Website Builder was a high recommendation within forums on the internet. I started from scratch with the intentions of creating an eye catching website to promote myself as a brand, so a home page that stood out straight away when you go onto the website is important as that’s the first thing the user/employer sees;

This slideshow requires JavaScript.

A downfall to this website builder was that you had to upgrade to premium to upload more than one video, as most of my portfolio is video based it wasn’t the best option to use Website Builder.  I later realised that using a template can be limiting to what you can create, which was a problem for me as I am naturally creative and want to be unique (see next post).

Portfolio Development – Wix (Version 1)

Over the course of my portfolio development, I have created several websites on four different website builders to develop ideas and finally choose my favourite after experimenting. My first portfolio was created on Wix, with not much initial thought. After gaining feedback from professionals, tutors and peers I tweaked some arrangements on the website. The following images are taken from my first portfolio development;

This slideshow requires JavaScript.

I created this version of my website through a generic template, which I now think that isn’t anything to set me apart from everyone else. I didn’t want to take on this module without developing my skills, so I wanted to put them to test by using several different website builders and techniques (see further posts).

Pre-Installation Shoot – C-Tex

After setting filming dates a few weeks back with C-Tex, the first shoot was meant to be on Wednesday 19th (last Wednesday). Unfortunately, there was a lack of communication between the C-Tex employees and they had not got the machines ready for us to film, which has set us back and filming will not now be guaranteed until 3rd May. Although this disappointed me as I felt they let us down, we will now be working on item 3 first (training video) as not much filming will be required as they have a set look that they want it to look like with not much room for creativity.

Video Compression Research for Web

The videos we are creating for C-Tex will be used on their website, therefore will be important for me to be aware what video compressions should be used. We will be shooting the high quality videos in HD using a Canon C100 therefore the video files will be fairly large. What I will have to be aware of is compressing the large video files down, but without losing quality.

After looking what different types of software to use to compress large video files it was most apparent that Handbrake was the most popular. During university workshops one of my tutors also highly recommended this software for video compression.

What Handbrake is capable of:

  • It can convert video from nearly any format, e.g. .wmv – Windows Media Video File, .avi – Audio Video Interleave File, .m4v, .mov, etc.
  • It is free and Open Source
  • It works on Windows, Mac and Linux

Handbrake tutorial taken from http://blogs.it.ox.ac.uk/

  1. Download Handbrake at http://www.handbrake.fr
  2. Double click the downloaded file to install Handbrake by following the instructions on screen.

Compress videos

3. Launch Handbrake.  Do not be put off by all the buttons and options available – you usually only need to use a few of them.

Screen Shot 2017-04-21 at 14.54.47.png

4. Click Source > Open File to select the video you want to compress.  In this tutorial, I select WL_Video.wmv and then click Open.  You can see the original size was 39MB.

Screen Shot 2017-04-21 at 14.55.40

Screen Shot 2017-04-21 at 14.55.50

5. In Handbrake, under Destination you can decide where the compressed file is saved by clicking Browse.  By default, it is saved in the same folder where the original file is.  You can change to other location if necessary.   You are required to provide a name for the compressed file.

Screen Shot 2017-04-21 at 14.57.05.png

6. For Output Settings, choose Mp4 if it is not selected and select Web Optimised.

Screen Shot 2017-04-21 at 14.57.56.png

7. Click on Video and make sure that H.264(X264) is selected.

Screen Shot 2017-04-21 at 14.58.02.png

8. Click Start to compress the video.  The green Start button will become red Stop button until the compression is complete.   When it is back to green.  You are ready to view the compressed video.  The original video file was reduced from 39.0MB to 4.40MB.  The compressing process for this small file took around 20 seconds.  If it is a very large file, it can take much longer to compress.

Screen Shot 2017-04-21 at 14.59.29.png

References

https://www.axzm.com/how-to-compress-video-for-web/

http://blogs.it.ox.ac.uk/adamweblearn/2013/10/how-to-compress-large-video-files-without-losing-quality-using-handbrake/

Feedback 4 Reflection – How will this help me for Project 5?

Grade: Mid 2:1

Feedback from Project 4 and how I can use it to make myself better for project 5;

  • Good amount of blog posting 

This is something I will have no trouble doing as I am now used to reflecting on my work to make sure I am aware of what I am doing, what needs changing and how to keep pushing myself to get better.

  • Good design process

Something which was heavily influenced during the course of the project, which I feel would be a little tougher to do during project 5, as the clients are very set on what they want. However, it will be important for me to show my creative thinking and processes during this project such as, camera techniques, video compression for web, video editing, experimentation, planning etc.

  • Distinct elements

Due to project 5 being a group project, it will be very important to underline what part of the project I have worked on by blogging regularly outlining my work.

  • High quality work

I believe project 5 will be successful as I have experience working with the other two students. I believe they are reliable and we all know what we have to do for C-Tex and our roles are clear.

  • Attention to detail could have been better

This would be a case of looking through the work thoroughly between the group to determine any errors before sending the work to the clients. Meeting the students in my group regularly will be important to overcome this issue I had during project 4.

 

Client Communication for Feedback

It was agreed upon by the clients that I should continue with the communication with the client via phone calls and emails as this was one of my main rolls within project 3. This will avoid any confusion within communication as only myself will be contacting the clients on behalf of the group.

I have recently contacted the client for storyboard feedback so we can progress further, and an updated version of the training video script so I can start storyboarding:

Screen Shot 2017-04-11 at 17.03.04.png
Email discussing feedback and further video progression 

 

feedback reply.jpg
Client feedback