Group client project

Recently, each member of the group created a mock-up of the Home Page. We then picked the best 2 and emailed them to Tim. We are now waiting for a reply, stating which design he prefers. 

In the meantime, I've created a wire-frame for the About Page and News page, whilst another member created one for the Games Page and Contact Page.

Group client project

Ok, so this is my first post regarding the group client project we are working on at the minute. Safe to say I am pleased with our groups performance!

Last week we had a meeting with Tim Hatton (Business Development Manager) at Notts County Football Ground. We are required to create a junior supporter's website (under the name of Team Magpies), which is targeted at 7 to 16 year olds.

Below is the complete brief, as provided by Tim:

General comments

We need the website to be attractive to the children who will use it.  Team Magpies is split into two sections: all members are under 16.  Mini Magpies are 0 to 6 years old and Team Magpies are 7 to 16 years old.  Bear in mind that young children will not use the website.

I will be able to supply the copy for the content, but you can populate the different pages and I will amend them as necessary.

Visuals

The website needs to be interactive and fun.  It also has to be less corporate than NCFC Football in the Community and NCFC’s website but still fit visually with Notts County’s family of websites.

http://www.nottscountyfc.co.uk/page/Home/

http://www.nottscountyfitc.org.uk/

The Team Magpies leaflet and the page on the Team Magpies page on the NCFC website give all the information you need to start completing / filling in the copy for the different pages we need.

Content

The pages we will probably need are:

Home

About Team Magpies

News

Games / puzzles / quizzes / competitions

Contact us

This list could be extended – so it would help when you build the website if you could enable us to add additional pages if required.

Websites we like for this age group

I looked at lots of clubs websites but most don’t have a Junior Supporters section.  Arsenal’s is the best of its kind.  See below:

http://www.arsenal.com/juniorgunners

The CBBC website is good for children who are 6 years old upwards

http://www.bbc.co.uk/cbbc/

The CBeebies website is good for games for young children, so it would be useful to have some similar ideas for our younger members.

http://www.bbc.co.uk/cbeebies/

We need to include free football-related games, quizzes, puzzles, competitions etc. 

NB - We need to be able to update the website easily after the website project has been completed.

This will sit on staff desktops, so they can hover above a photo of a colleague, find out their name, click on it for their email address and phone numbers etc.  We need to be able to click on their email address so it opens up in Outlook.

There are about 40 – 50 members of staff at the club and 30 members of staff at FITC.  Not all of these have email addresses.

We need to be able to update this after project completion also to allow for new staff and people who leave.

Client Project: Mobile designs

Below are my designs for the mobilised website...

Client Project: Update

Having begun to create a one page layout, it occurred to me that it would be difficult to convert it to a mobilised site. I mentioned this issue to Nicola, and we both agreed that creating each page individually would be easier. This lead to a whole new website layout...

Client Project

Task: Design and build an artist / arts organisation website. This will be a website and related mobilised website* which will act as a promotional tool for an artistic individual or organisation and which will increase both profile and online traffic for the client.

My client for this project is a friend [Nicola] who studies Interactive Media at Lincoln University, but doesn't have the time to create her own portfolio.

Having spoken to Nicola, telling her what I am capable of creating, she has decided on a horizontal, one page layout, with the following colour scheme:

She has also stated that she wants a Home Page, an About Page, A Portfolio Page, a Blog link and a Contact Page.

I have begun to create the wireframes, as shown below:

Portfolio Wireframes

Since my last post, I have created wireframes as shown below...

Additionally, I have begun creating my portfolio. Below is a screenshot of the home page...

I have chosen to use fixed navigation at the top of the page. This means it will always remain at the top, even when the user scrolls down. The primary advantage of this is that it will always be accessible.

A second feature I have used is the Javascript scroller (which was made available online), to display recent work. The main problem encountered here was that it only functioned in Chrome and Firefox. This was a main disadvantage to Internet Explorer users. To solve this problem, I enquired about it on a Jquery/Javascript forum. A user shortly reply saying  a comma was not needed in the code. Having removed the comma, the scroller worked in all three browsers!

P.S. I also updated the layout of my blog to fit in with my portfolio!

Portfolio

For Context 2, I am required to create a Portfolio to present my work. Even if this wasn't an assignment, I would still create one - to get my name out there and expand my network. I've recently purchased my domain name, so it should be up and running soon!

This is the colour scheme I have chosen to use. Having researched current portfolios, I believe the majority of them have a simple appearance, with a limited number of colours. I have chosen to make mine pretty colourful to represent me as a person!

Above is the logo I intend to use on my site. I created this using Adobe Illustrator and by following online tutorials on how to make 3D text. This is the first time I have created something "graphicy" and I am pleased with the outcome!

After having created my logo and decided on the colour scheme, I created a mock-up of the Home Page, as shown below:

However, I am currently unsure on whether to create each page individually and link them up, or to try something new and create a one page website.