Digital Me – the Online Portfolio

Now I’ve created a rough idea of what I want my CV to look like, I decided to start on the online portfolio.

After trialling out a few different platforms on which I could create my online portfolio on, including WordPress and Adobe Portfolio, I settled on using Wix after finding a theme that I really liked and finding it the most comfortable to use.

Screen Shot 2017-05-18 at 15.16.23

Screen Shot 2017-05-18 at 15.16.37

Screen Shot 2017-05-18 at 15.17.04

Screen Shot 2017-05-18 at 15.17.24

Screen Shot 2017-05-18 at 15.17.43

In my online portfolio, I have used a serif font which I prefer over the bold sans serif font of Bebas Neue that I used in my original CV design, so I have since changed the typefaces in my CV to match the online portfolio that I am creating. I have changed the I’m Amber ‘title’ to match. The typefaces now used on both my online portfolio and in my CV are Playfair Display for headlines and Avenir for the body text – personally, I feel that this use of the serif font actually suits me as a person and my personally much better than the original sans serif font did. I have kept the tone of the site informal, friendly and relatable.

I have kept the online portfolio simple and professional. There are only four key areas to my site, all linked in the header menu bar: Home, Portfolio, About and Contact. The website is one whole page which you can scroll through in one, separated by invisible anchor points which split up the four sections – each of the menu bar links simply automatically scroll the user down to that particular anchor. I am unsure as to whether the ‘Home’ section of the website is even needed as it does not really do much for the site as a whole and the ‘Portfolio’ itself may be telling enough as a home page.

On the contact page, viewers are invited to get in touch with me either by leaving a message on the website which I will then receive via email, or they can send me a direct email to my actual email address. My phone number is also available. I have reused the icons that I’ve created and used on my CV as buttons which link directly to my email and phone number.

There are still things to change on the site of course, for example I am still working through my past projects and updating them to add to my portfolio.

Advertisements

Branding – Further Development

After my group tutorial with Matt and also another individual tutorial with Ian, I developed my touchpoints further.

After looking through my touchpoints with Ian specifically, he showed me that I actually needed another touchpoint in order to have five complete points – because I had used the compliment slip and business card as two separate touchpoints, I had to create another as they were in fact technically classed as one touchpoint: stationary. I added uniform as my fifth touchpoint.

One of the key overall development that I made to the overall brand is that I removed the use of green in most places and instead kept it simple and consistent with just orange. I picked a pantone from a solid-coated colour swatch card: pantone 144C. Another key development is that I got rid of the use of serif fonts and replaced them for a sans.

The website:

I made developments and changes to my existing touchpoints on top of adding in the uniform. For example, it had been mentioned in my branding tutorials that the menu bar at the top of my website was illegible in white font on a pale blue-white background. To fix this, I simply added an orange tint (pantone 144C, 20%) behind the text. I have changed the typeface itself, both in the menu bar and the ‘shop now’ button, from serif to sans serif – I feel that all together, this gives it a much more professional look that fulfills the brief better.

12

Stationary:

I have added elements to the stationary so that it is now a set which includes, the business card, the compliment slip, and also a letterhead which I have since added. Pantone 144C has been used throughout all of the touchpoints, including the stationary set – when looking at my original stationary pieces compared to these now developed ones, you can see the slight difference in colour. In the stationary especially, using the pantone has added to the consistency within my touchpoints, ensuring there are no small but noticeable errors in the colours. The strip across the bottom of each stationary piece is in a 50% tint of the pantone, similarly to the menu bar on the website. I have slightly edited the ‘running horse’ design on the back of the business card – I have staggered the design which adds a sense of movement to the piece, as if the horses are in motion and are actually running. I have changed the majority of the typeface from serif to sans serif as it did not look right in writing the contact details, however I kept the words, ‘with compliments’ in serif as I feel that it works well in giving it a handwritten feel on the compliment slip.

1

On top of the stationary set, I wanted to create the brand something new and stylish, thus giving it a unique feel. I hope that I stamp like this will work well in doing this – it could be used to sign compliment slips and letterheads, giving it a personal touch for the customer.

stamp1.jpg

Products and Packaging:

I have kept the packaging the same as I felt that any major changes were not necessary. I want the packaging to be kept simple, clean and appealing to the eye. I have however, improved the quality of the emboss effect in order to give a more realistic look.

1.jpg

I have created an example of what a potential product sold by Young Stallion would look like. Here, the logo has been embossed into the leather of the saddle – this mark would be made similarly on all of the company’s products.

1.jpg

Delivery Van:

The main development on the delivery van is the removal of the green strip from the bottom of the van’s body and the change to the orange pantone 144C instead. The geometric horse image now appears across the bottom of the van too, as an improvement suggested by Ian. Also, the typeface used, like on the rest of the touchpoints, is now a sans serif rather than serif font. The final development that I have made on the van is adding “Young Stallion” across the front of the van – it is written backwards so that when a driver looks in a mirror, e.g. their rear view mirror, they can read it normally.

Screen Shot 2016-12-15 at 23.17.35.png

Uniform:

As the new touchpoint, the uniform is again based around the orange pantone 144C. There is still some changes I wish to make to this touchpoint, particularly the t-shirt. I want to try positioning the geometric horse image across the shirt, much like it is on the delivery van – I believe that this will add to the consistency of the brand as I feel that it does not quite fit with the other touchpoints currently.

1.jpg

Branding – Touch Points Tutorial

Today we had our final group tutorial for this part of the BrandWorld module – we were asked to bring in 5 created touchpoints to present to our group and tutor, who then gave constructive feedback on our work so that we could improve it in our own time, for the final deadline on 9th December 2016. See below my five touchpoints.

The website:

Business card:

buiness-card

Compliment slip:

compliment slip

Packaging:

packaging

Delivery van:

Van.png

For this tutorial, I was in a group with Matt Bonaccorsi as the tutor. The first thing he noticed was that I hadn’t stuck to my original idea of using purple as the key colour in my colour scheme, but he agreed that the new colours worked better and were suitable to the company. He liked how I’d used the main image from the website and carried it through all of the touchpoints as green grass in order to keep consistency, however he also said that perhaps the grass detail may not actually be needed, and that a block green colour could work just as well, if not better – this is something I will test out before the final deadline on 9th December.

In regards to the website, I need to look at the menu bar and make it more legible against the background image. I had thought that perhaps it would be okay, because in real-time usage, the words would change colour slightly when hovered over to a more legible colour such as grey, but after Matt pointed out that the average viewer would only stay on a webpage for approximately 10-20 seconds, I did not want to give any excuse for them to click off of the website, such as in this case, illegible navigation options at first glance.

The group really liked my running geometric horses which were inspired by Eadweard Muybridge, particularly on the back of the business cards.

Matt suggested trying all sans-serif typefaces rather than using the serif in some areas – he wasn’t quite sure if it worked or not, so this is definitely something I need to try. It was said that it works on the compliment slip where it says, “with compliments”, as this is fitting to a handwritten style of text, however it maybe doesn’t work so well on the address and other contact details.