Skip to main content

The importance of a (live) Portfolio


During my first visit at Bate Brand’s studio I encountered a situation that made me feel quite nervous initially. After summarizing the idea of doing work experience, I was asked by Mr. Bate to show the team a representation of my work.
I assumed that Mr. Bate wanted to see a live portfolio with excerpts that I have created – a necessity for any designer that works with web technologies and graphics. For the time being I did not have a portfolio that was available online. I had researched hosting options but did not go any further than that. This made me feel quite insecure and I felt almost ashamed that I had not proceeded with the task before.
 I explained to Mr. Bate that at the present time I was not able to showcase my previous work in a remotely accessed format. I also mentioned that I had looked into domain availability and pricing plans and explained that at the time I could not afford them. However, I remembered that when approaching Bate Brand for a first time by an email, I attached some images that represented my work to an extent. I suggested to Mr. Bate that If this is an option he agrees with, I can get to the visuals that I had sent and go through each one of them by justifying my decisions of choosing the design, coding solution and overall intention.

Mr. Bate gave me his permission which is where I stepped in and did a little presentation of my work. The first item I talked about was a mockup for my Portfolio – I explained the choice of fonts, positioning the menu, arranging a gallery with images of my projects and dynamic navigation at the top. The aim of that was to show Mr. Bate that I was intending to proceed with the task of making an online Portfolio and had made some plans about its presentation. I also explained that I was going to use Adobe Muse as a building platform which supports parallax scrolling, full screen gallery and interactive menus.
Mr. Bate seemed pleased with my overview and I continued discussing my other projects. One of them was a website called “The Chocolate Factory”. I emphasized on the choice of a colour palette which consisted of dark brown shades that represent chocolate. I also mentioned the use of Javascript which is used to add shopping functionality to the website as well as importing dynamic text that sends a greeting message to the user depending on what time of the day and week they are viewing the website.

The lesson behind this experience taught me that when feeling insecure, it is a better approach to engage with the other side and create an opportunity for showing my strengths with appropriate reasoning. I also realized the importance of having an online portfolio – a crucial element of my progress as a designer that needs a platform to showcase their work to the world.

Labels:

Comments

Post a Comment

Popular posts from this blog

Signature Printing: Next Steps

During my next few meetings at the Bate Brand office Elliott asked me if I can start working on the footer section of Signature Printing as at that point we pretty much had most of the content for the homepage. All images were in place, the layout was approved and the animation that I had implemented was working well. Where text content was needed, I put placeholder text which would later on be changed by Bate Brand’s copywriter – Laura. For the footer I attempted adding a contact form, subscribe button and a small text box that contains address details and contact number. Mark then joined in and showed me how to customize the fields in the contact form and how to display a response message. Up to that point I and the rest of the team were pleased with the homepage. Subsequently, we decided that it was time to think about the rest of the sections in the main menu. I looked into other printing and print consultancy related websites’ navigation ideas more extensively and came up w...
Post a Comment
Read more

Implemening a Squarespace CSS Timeline

I showed Elliott the outcome of my attempts to incorporate a timeline that runs smoothly on Squarespace. I also did a lot of testing for tablet and phone mode (one of Squarespace’s features) and see how the platform responds to the code. Some of the codes did not perform as expected due to CSS segments that Squarespace does not support. However, I ended up choosing a timeline that had a modern look and a few options for customization – changing the icons and the background. Elliott was impressed with my progress as I also added more transition effects. Original CSS Code Customized CSS Code within Squarespace After doing a bit more testing I discovered that the icons don't show in an appropriate manner on mobile devices or any devices with smaller resolutions. As a result I decided to remove the icons but bring more contrast to the timeline items which joined by the animation effects would really make the content stand out Final Timeline Result Implemented ...
Post a Comment
Read more

Work Experience Outcomes

The following post will concentrate on my experience with Bate Brand and how it affected my work ethic and existing interpersonal and professional skills. Teamwork When I was introduced to Squarespace, I often had to reach to Bate Brand’s Graphic Designer to show me how certain tasks such as modifying the layout of a page, incorporating custom CSS or changing the template can be done. An example of that was creating a blog page for the Signature Printing website. I had difficulties showing a summary of the categories of the blog and Elliott demonstrated how this can be done with inserting a new content block under the Summary section In another situation, putting text content on the website had to be synchronized with Bate Brand’s copywriter who notified me whenever any changes to the information on the website had to be applied (making text short, adding new sections that were missing before) CSS When working on specific elements of the Signature Printing ...
Post a Comment
Read more