Wednesday, 20 March 2013

Colour Palette

 Palette to base my website around:


may not decide to use the light blue colour



Custom Made Logo

First Step:
Started in Adobe Illustrator to create the correct size and right font and layout. i used Impact but was going to add my own twist in Photoshop.

Final Logo:

I gave the font a warp and played with a few blending options such as Inner Drop Shadow, Stroke and Outer Glow until i found what i think would be suitable for my target market.
I added the fern which i created in Illustrator.

Custom made background image

I started with  this  found sports court image and ran it through photoshop...
Sourced from:


Converted the image to greyscale then  adjusted the Brightness and Contrast.
I then used the burn tool too create this darker shadow perspective off into the distance effect.


Final BG:
I left the black bar in the middle as that wont be seen due to the large container over it which will be black to give the layout visual symmetry which looks aesthetically better

Wire Framing





Tuesday, 19 March 2013

Paper Prototypes

Prototype 1


 Prototype 2


Prototype 3


Prototype 4

Grid Research



I like the idea of this layout/grid in this Mission Inline Hockey Website
http://inhaler.missionhockey.com/
i like the large central heading and image which i could use to show a News Article, Notices or Upcoming Events.  i would use a similar navigation bar but on far right of it instead of  the Facebook links it will be the log in text fields.

have a template for the 960 grid system which i have used to layout my own wire frames.

....

Sitemap



Brainstorm




Stylistic Reference

Mood board which includes: Color Swatches, Web Layouts, Drop bars  Buttons, Font Styles, Logo Design, Stylistic References, Photos, Background Ideas.

Tuesday, 12 March 2013

Related Websites

New Zealand Inline Hockey Association Website

Pros: 
Subtle dark grey scale bg
Latest news bar for easy access

Cons:
Layout (Body Text)
Image hierarchy and Positioning


Inline Hockey Australia Website

Pros:
Central Image and Overlapped Logo
Regional Links and Flags

Cons:
Menu Bar Links
Link text.



International Inline / Roller Hockey Federation
also known as
FIRS


Pros: 
News Feed
The Community
Twitter AD

Cons:
Dislike layout of right side
Banner


NHL Website


Pros:
The team Logos Up the top linking to other pages.
Subtle Bg Image (Black Ice)
Grid
Drop Bars

Cons:
Pretty busy

AHL Website


 Pros:
Subtle Background
Logo
Banner with links
Cons:
Busy



Friday, 8 March 2013

Website Idea


Choose a group that would benefit from a community type website.
Inline Hockey New Zealand
(link to current website)

Consider what the site needs to do?
Connect the Inline Hockey Community Of New Zealand
Topic Discussions (New Players, Rules, Events, Ideas & Development etc.)
News
Club, Regional, National Team Information
Events
Celebrate successes
Inform new players about getting involved
Links to helpful sites

Consider who your target audience will be?
Members/Players of NZ Inline Hockey Clubs
Public
Interested Parties
Travelling Inline Hockey Players (International)
All Ages
All Income brackets
Ice Hockey Community & Enthusiasts

What are the objectives of your site?
To simplify and connect members, players, supporters and Interested parties  to discuss, follow and be informed of happenings within Inline Hockey  throughout New Zealand.The website will help the development of the sport in New Zealand by allowing the input of the community about decisions made and be a voice to the administrators and governing body of the sport.


Website Research




1) Pinterest

www.Pinterest.com

This site is used to organize and share images and links that you find interesting on the internet.

"Pinterest" allows users to create a blog like wall called a “Pinboard” to post Links and Images to share with an online community. Other community users can search common interests to find these links and pin boards and are able to follow the links they are also interested in and even pin links to their own pin boards.

The Unique feature along with this site would be that you can browse pinboards created by other people and then pin their links to your own boards. This site is a great way to make creative things go viral.

I like to use this to create large inspiration libraries of pin board images to spark Ideas with design.





2) Creattica



This site is used as an online resource of inspiration designers.

Creattica is a gallery of great design and inspirational imagery Community submitted. Anyone can submit their work for consideration and voting on items is open to one and all. The best work is accepted and featured in the gallery which receives thousands of visitors every day.

The unique feature to this site is that through your community profile all your posted Material creates an online portfolio and Any Community Members are able to be contacted to request work for other Members and Companies.

I use this website as i like the wide range of categories of design inspiration



3) Brands of the World



Brands of the World are used as community website for members to discuss, upload and get inspired by Brand Logos of the world.

Brands of the World have a comprehensive library of brand logos in vector format available for community download. Brands of the World is also a great place for designers to upload their own logo designs and professional details to get exposure, recognition and clients.

The unique feature to this site is the annual Brands of the World Logo Awards which is held celebrating the best logos Members have created



4) Facebook

www.facebook.com

Facebook is used to make the world more open and connected.

With Facebook you can connect with family and friends and send massages to people, upload pictures, join groups, comment on pictures, chat to your friends, find friends and share links from the internet all helping you stay connected with everyone with everything you do.

unique feature to facebook is the ability to join groups creating little communities within the site, allowing to keep members notified and informed of events and happening within the group. a great feature used for sports, study, work and friends