Digital Me – Finishing Touches

Our final deadline for the Digital Me project is on Tuesday so I am just adding the final finishing touches to all of my submissions before then.

I am feeling confident with the way I am heading and I have not got a lot to do before handing in my finished work for the deadline on Tuesday. I have completed my Research and Development PDF for Persuasion and am currently finishing off the one for Penguin. I have already got a Research and Development PDF for branding that I created last year after completing the Brandworld project, so I have just got to add and change this one accordingly to my further development since then and my newer final outcomes.

For the finishing touches of my CV, online portfolio, PDF portfolio, I have edited some details to add to the overall final look of the finished pieces. After a tutorial with Neil, we spoke about how underlining titles, historically, was not considered needed after ‘bold‘ was invented. Although I have decided against using the bold version of Playfair Display as I think it ruins the beauty of the contrast between the thick and thin lines in the lettering of the typeface, I have removed the underlines of the titles and the overall look of the CV is much cleaner without them. I have done the same thing on my PDF portfolio by removing the underlines of the titles. Removing these underlines have actually added to the consistency of my overall project, because I noticed that the website does not have underlined titles. There is enough definition between the title and the body text because they are different typefaces – the title is serif and the body text is sans serif, the title is in orange and the body text is black, and there is also a big size difference between the two.

To match the removal of all my title underlines, I have edited my ‘I’m Amber‘ logo slightly as well. I have removed the underline below the text, but kept the line above as the image of me is sat, resting on it. I have adjusted the weight of the upper line to make up for it’s staying though.

Advertisements

Digital Me – Further Development

Since last week, I have made small developments to all three of my main pieces: the CV, the online portfolio and the PDF portfolio.

In the PDF portfolio, I have added in the text and the images to each of the project pages, although one or two are still missing that I want to add in. I have made sure that they are the same images used in my online portfolio and that the brief and solution are the same too. I have added in navigation buttons on every project so that you can flick through the projects using arrow buttons and also return back to the home page. After a tutorial, I have increased the text size by 1 or 2 points because it was suggested that it was perhaps just a little too small. At the the end of my portfolio, I have added an extra page which is a ‘Contact’ page and also has an ‘About Me’ paragraph, similar to the CV.

For the CV, I have added in work experience and also written the ‘About Me’ section. Like the PDF portfolio, I have developed my CV so that it is now interactive too. It has icons which link to my social media profiles: Twitter, Instagram and LinkedIn. I decided to exclude Facebook because my account is a personal one and I think it is important to keep my CV purely professional and not mix up my personal life with work. I have also added a link to my online portfolio so that employers looking at my CV can get to my work with one easy click.

On my online portfolio, I have gone ahead and removed the ‘Home’ page as I decided that it was not needed – my online portfolio now opens simply with the text saying, “Hello and Welcome!…“. After originally arranging the images on each of the project pages one after each other in a straight line as individual images down the page. I have now arranged them in a more designed layout (image below: I have taken a screenshot from one of the project pages as an example). I have also spread ‘The Solution’ paragraph between these images because I felt that there was too much text to begin with at the top of each project.

screenshot - project layout.png

My next steps are to move on to beginning the Research and Development PDFs for my Subject projects: Persuasion, Penguin and Branding.

Digital Me – the PDF Portfolio

The last main piece I have to make for Digital me is the PDF portfolio, so that has been my next step to take.

I wanted to make the PDF consistent with both the CV and the online portfolio, so I created it in a similar way. I ensured that all the smaller details matched, for example the underlining of titles and the chosen fonts.

Wanting the PDF to be interactive, I created a home page with thumbnails of the six projects that I had chosen to include in my portfolio. From this home page, the user can click a project thumbnail to be taken directly to that project. Also, on hovering over a thumbnail, the image changes (as I have added a rollover image the same but with a white layer over the top with an opacity of only 50%) and the name of the project appears. The image below is a screenshot taken of the PDF portfolio home page – the ‘A Blank Space’ thumbnail shows what the hover over looks like.

screenshot - home.png

I have inserted in all the needed pages for each of the projects and given them titles accordingly. I have then created the links so that each of the thumbnails on the homepage takes the user to the correct project. I have created a rough layout for each of the pages and my next step is to start inserting my design work. I want to have a column of text down the left side, which will include the title of the project and then the brief and my solution, and then the images of the outcomes will be positioned on the right.

portfolio layout sketches.JPG

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.

Digital Me – First Tutorial

Over the last few days, I have been working on developing my brand style ready for my first tutorial today.

I began with attempting to self-brand myself using my name rather than an actual logo. Finding a photograph of myself that was able to actually interactive with the ‘title’, I’m Amber, made me realise that this was the style I liked best. Unfortunately the photograph is not high quality enough for me to be happy with and I want to capture a better one, but this has at least helped me decide on a favourite style. I should be able to use I’m Amber in both ways, with and without the image of myself sat on it.

name ideas

After testing out a few different fonts and style, and picking a favourite, I began experimenting with colour and of course I had to use my favourite colour orange (Pantone 144 CP) that I use in so many of my projects. After all, it is my colour, “amber”.

I have put together an initial rough CV layout that I think works well alongside my personality and overall brand. My next step is to begin creating the online portfolio layout in consistency to the CV. As my CV is not fully completed yet, I will be able to make changes accordingly if needed – I think it is necessary to keep myself flexible in the beginning ideas generation and design stages of this Digital Me project.

cv first idea

Although I had more or less decided that I would not use my pre-existing logo (used on some social media), I wanted to put it into my CV just so that I could confirm or disconfirm in my tutorial if I was choosing the right way to go. Sure enough, my logo was pointed out as being probably unnecessary, so I am going to go ahead and remove it. Although the logo is not needed, they agreed that it was a great touch to have an image of myself interacting with the title, I’m Amber, as a personal touch. In my tutorial, it was picked up on by my peers that the use of the key colour orange worked really effectively as it doubled up well as being the colour “amber”, just like I am, Amber. The typefaces that I have chosen are Bebas Neue for the headlines and Champagne & Limousines for the body text.

Digital Me – Briefing

Today we had our briefing on this term’s project called Digital Me, which is our final project of second year at university.

Over the last year, we have experienced and explored the role of the designer, the client and the audience through projects and challenges. This started the process of deciding how I myself fit in to the design world and has helped me realise that I can create my own path and imagine my own future.

This project is about learning how to use design technologies and media to communicate who you are to potential employers and collaborators. We will learn how to write, create and deliver a Curriculum Vitae (CV); how to select work for and create a Digital Portfolio; and how to develop an Online Presence. Our final outcomes at this end of this term should include: a PDF portfolio, an online portfolio, and a CV with a supporting email.

During this term’s project, we will also be reworking our past projects to improve and get them to a ‘portfolio standard’. We are here in university as designers to develop our professional skills. With these skills we will become equipped to work alongside other creative people and increase our employability. There are several important questions to consider and ask myself throughout this term:

  • Who am I? – Who are the people that I will work with
  • What motivates me? – What motivates professional designers?
  • Why do I want to work with other designers? – Why would other designers want to work with me?

Skills to think about:

  • self-awareness
  • thoughtful ‘design-mindfulness’
  • awareness of other people
  • empathy
  • listening
  • relationship