Portfolio Website Inspiration

We have been given the following brief to produce an online personal website portfolio. The portfolio is to include a home landing page, about page, work page, blog and a contact page. In addition social networking profiles can be added such as tumbler , twitter and Facebook.

My first step in designing my own website portfolio was to plan and look at other peoples portfolio websites to get inspiration for my own website portfolio .

I liked this portfolio design as of the unique use of circular shapes which are transparent with the background I think this would be a great idea to include in my own portfolio for the social networking buttons - twitter, Facebook , tumbler etc.
I liked this portfolio design as of the unique use of circular shapes which are transparent with the background I think this would be a great idea to include in my own portfolio for the social networking buttons – twitter, Facebook , tumbler etc.
I liked this portfolio design as of the layout with the logo , open space at the top and navigation bar being towards the middle top of the page.
I liked this portfolio design as of the layout with the logo , open space at the top and navigation bar being towards the middle top of the page.
I loved this portfolio design with the use of code making up the background section the sectioning of a face. I think this idea could be played about with possibly making my own face up of code or symbols.
I loved this portfolio design with the use of code making up the background section the sectioning of a face. I think this idea could be played about with possibly making my own face up of code or symbols.
In this portfolio design I felt it was very striking with the surname dead central on the home page. I also like the use of the black white colours as it stands out very well .
In this portfolio design I felt it was very striking with the surname dead central on the home page. I also like the use of the black white colours as it stands out very well.
I love the idea of the title on the portfolio homepage, I possibly could do my own 'iamsuzanneniccolls'
I love the idea of the title on the portfolio homepage, I possibly could do my own ‘iamsuzanneniccolls’.
In this design I loved the colours and font styles to the left bottom of the home page. I would like to use these colours in my own portfolio black, white and purple.
In this design I loved the colours and font styles to the left bottom of the home page. I would like to use these colours in my own portfolio black, white and purple.
Advertisements

InstaZoo App

Image

This is my mock up of what the InstaZoo app site display would look like as you can see there is a home icon at the bottom (far left) which is for the users news feed and also allows you search for new users. The ‘…’ icon when clicked on links you to the Bristol Zoo Archives. The Paw print is clicked when taking a photo, the lion icon is to look at your ‘roar’ likes and the ‘>’ icon is to go back to your personal page.
There is a setting icon at the top which allows to change your name on your profile.
Also when clicking the paw print it allows you to upload photographs from your device (iphone, ipad, android phone) and upload to your site.
When clicking on a photo it will inlarge and have a sharing on Facebook and Twitter link as well as the ability to ‘roar’ a photo.

InstaZoo

Image
With our topic concept and Ideation we were given the following brief:
Bristol Zoo have a website (http://www.bristolzoo.org.uk) and good overall rate of visitors. However they want to add new digital experiences to keep regular visitors engaged and to add new ones.
Working in small groups, your brief is to design a digital user experience that:
• Utilises the Zoo’s archive collection of photos and associated facts from its past 176 years.
• engages users and facilitates new kinds of interaction.
• Makes the heritage sector relevant by using new technology.
• Maximises locative aspects (ie from mobile smart phone access – to onsite installation)
• !Appeals to an audience of young families: (children 5-12 and their parents), visitors to Bristol Zoo, !animal lovers.

When put into groups we decided on producing a BristolZoo App. Which would include a Virtual Map, InstaZoo, B-ZOO Pets, 24/7 Camera & See More sections. >>

InstaZoo would include the archived images from Bristol Zoo, B-ZOO pets would be aimed for the children and can be used as your own personal tour guide. See more would allow you to see all the history of Bristol Zoo buildings and the animals. And 24/7 camera was a little extra so you could check out what the animals are doing in Bristol Zoo at all times for the laughs. Hahaha .

The main key selling point of this app is it’s interactiveness allowing you to upload and share pictures on InstaZoo to Facebook and Twitter. Being able to choose your own route round the Zoo on virtual maps and much more.

We decided in our groups that we would all have different sections in this project. I took on the InstaZoo section of the app and as you can see at the top that is my little mock up of what the selection button would look like.

I have decided to allow the addition of BristolZoo frames when users upload photos to InstaZoo also I thought of the idea of instead of liking a photo such as in Instagram you would ‘roar’ a photo. And when you click roar there would be a sound effect added of a lion roaringg…http://www.youtube.com/watch?v=1W4z5rQHetI

I am also going to make a mock up of the display screen when you go into InstaZoo.

BU – Digital Media Design

So I’ve just started at BU on my Digital Media Design Course and have been given the following task…

‘TASK: What I would like you to do for next week is to try to find me the earliest example of digital media that you can, you can be as inventive, abstract and spurious in this as you want, we will look at those with the earliest dates in the session.’

So instantly when I saw this task I thought this could be anything from the earliest film making with Jason and the Argonauts to the creation of radio.When I went onto researching about the possible early digital media examples I came across ‘Muzak’; in the 1930s, elevator music was among the earliest popularly available streaming media; nowadays Internet television is a common form of streamed media. ‘Muzak’ is another word for elevator music, it was seen to give a sense of mood to it’s audience and is still sometimes used today.

I found this link to some 1930’s elevator music … definitely sets some mood.
http://www.youtube.com/watch?v=gdJWZxPW45c