BBC Spie Izegem
Info:
BBC Spie Izegem is the basketball club of (region) Izegem. It is their goal to become and remain the reference club of middle West Flanders. Currently there is a big change within the board. The entire old board has passed the torch to a younger team.
Briefing:
Can you upgrade our site? We would like to project to be a site that works on all frequently used screen sizes, with a fresher and younger image. We want the end result to be an easy-to-use tool where you can easily follow and find the matches and teams. We would have liked to have a calendar on the home page. Make it easy to change everything so that when you go back to school, we can complete, adjust, delete, etc. so that the site remains lively. The whole must radiate BBC Spie. Further interpretation, design, ... carte blanche, free to bring in ideas yourself. Think our sponsor must be richly visible.
The process:
Which tools & content are there?
- own hosting: database, analytics, Wordpress (I have to teach myself), ...
- a sponsor card: doc. with an explanation about sponsoring for future sponsors
- club presentation in the form of a powerpoint
- on the site itself: medical sheet, accident forms, ...
- a sponsor card: doc. with an explanation about sponsoring for future sponsors
- club presentation in the form of a powerpoint
- on the site itself: medical sheet, accident forms, ...
Target audience?
- players
- supporters
- sponsors: companies
- staff: board members, volunteers
- players
- supporters
- sponsors: companies
- staff: board members, volunteers
The problem?
Searching for a problem:
- viewing analytics: points out that the user averages 45 seconds. stay on the site
- viewing old site
- ask the user where they are experiencing problems, what goes wrong, what the use
difficult, etc.
Searching for a problem:
- viewing analytics: points out that the user averages 45 seconds. stay on the site
- viewing old site
- ask the user where they are experiencing problems, what goes wrong, what the use
difficult, etc.
Problem:
- does not work responsive, so is not made for mobile use
- the content is missing in some places: teams do not have the same content
decision eg. matches (this data is known)
- unclear navigation
- users do not find what they are looking for.
- The whole is not attractive, too chaotic, no structure, often missing information or
content, content that can be found back is sometimes old (see gallery), there is no
- does not work responsive, so is not made for mobile use
- the content is missing in some places: teams do not have the same content
decision eg. matches (this data is known)
- unclear navigation
- users do not find what they are looking for.
- The whole is not attractive, too chaotic, no structure, often missing information or
content, content that can be found back is sometimes old (see gallery), there is no
atmosphere, no unity or too much unity which makes everything look alike, etc.
- lacks structure and steering
- inappropriate look & feel
- navigation items lead to empty or not up-to-date pages
- lacks structure and steering
- inappropriate look & feel
- navigation items lead to empty or not up-to-date pages
Conclusion:
There must be more direction and structure, people are stuck on the flow of the site, the chaos that now prevails must become a leading & attractive entity. There is a lot of activity within spie and this is not reflected on the site, for that is a Facebook page (closed). The site must be 1 place where everything info of the club can be find. Using template pages 1 page for a team and filling in the template through the database data, all teams have equal content (adapted to the team). Much more can be automated such as inserting players, coaches, ... they are of the same sort: have a name, family name, function, ... and the insertion of sponsors, activities, ...
There must be more direction and structure, people are stuck on the flow of the site, the chaos that now prevails must become a leading & attractive entity. There is a lot of activity within spie and this is not reflected on the site, for that is a Facebook page (closed). The site must be 1 place where everything info of the club can be find. Using template pages 1 page for a team and filling in the template through the database data, all teams have equal content (adapted to the team). Much more can be automated such as inserting players, coaches, ... they are of the same sort: have a name, family name, function, ... and the insertion of sponsors, activities, ...
Solution:
- navigation: dividing, sorting, organizing, bundling, ...
- pages: delete pages that are empty, distribute content, organize, ...
- automate as much as possible: working via the database and processing via php
- navigation: dividing, sorting, organizing, bundling, ...
- pages: delete pages that are empty, distribute content, organize, ...
- automate as much as possible: working via the database and processing via php
The Design ...
- color -
What if color has something to say?
- avatars -
These are used as personality in the navigation because everyone is looking for something else. To give a name a face a photo comes, fallback is an avatar.
- icons -
Still think of something more than color alone, because some people color blindness. Plus sometimes a picture says more than one word. These icons come back to similar activities, but also in the filter.
- elementen -
To retrieve information in that large mass of content, various elements have been thought of to make this road faster and more user-friendly.
side-project:
The question came to include some print parts in between.
Info:
BBC Spie Izegem is de basketclub van (regio) Izegem. Het is hun doel om de referentie club te worden en blijven van midden West-Vlaanderen. Momenteel is er een grote verandering binnen het bestuur. Het volledige oude bestuur heeft de fakkel door aan een jonger team.
Briefing:
Kan jij onze site opfrissen? We willen graag een site die werkt op alle frequent gebruikte scherm-groottes, frisser en jonger imago uitstralen. Het eind resultaat willen wij als een “easy-to-use-tool” waar je gemakkelijk de matches en ploegen kan volgen en terug vinden. Op de home-page hadden we graag al een kalender verwerkt gezien. Maak het geheel gemakkelijk te wijzigen zodat wanneer jij naar terug naar school bent, wij kunnen aanvullen, aanpassen, verwijderen, enz. zodat de site levendig blijft. Het geheel moet BBC Spie uitstralen. Verdere invulling, design, … carte blanche, vrij om zelf ideeën in te brengen. Denk aan onze sponser zijn moeten rijkelijk zichtbaar zijn.
Het process:
Welke tools & content zijn er?
- een eigen hosting: database, analytics, Wordpress(heb ik mezelf moeten aanleren), ...
- een sponsorkaart: doc. met uitleg over sponseren voor toekomstige sponsors
- club presentatie in de vorm van een powerpoint
- op de site zelf: medische fiche, ongevallenformulieren, ...
Doelgroep?
- spelers
- supporters
- sponsors: bedrijven
- staff: bestuursleden, vrijwilligers
Probleem?
Probleem zoeken:
- analytics bekijken: wijst erop dat de gebruiker gemiddeld 45 sec. op de site blijft
- oude site bekijken
- gebruiker zelf vragen waar ze problemen ondervinden, wat mis loopt, wat het gebruik
moeilijk maakt
Probleem:
- werkt niet responsive, is dus niet gemaakt voor mobile gebruik
- de content ontbreekt op sommige plaatsen: teams hebben niet dezelfde content ter
beschikking vb. matches (deze data is wel gekend)
- onduidelijke navigatie
- gebruikers vinden niet wat ze zoeken.
- Het geheel is niet aantrekkelijk, te chaotisch, geen structuur, ontbreekt vaak info of
content, content die terug te vinden is soms oud (zie galerij), er is geen sfeer, geen
eenheid of te veel eenheid waardoor alles op elkaar lijkt, enz..
- ontbreekt structuur en sturing
- niet passende look & feel
- navigatie-items leiden naar lege of niet up-to-date pagina's
conclusie:
Er moet meer sturing en structuur komen, de mensen lopen vast op de flow van de site, de chaos die nu heerst moet een leidend & aantrekkelijk geheel worden. Er is veel activiteit binnen spie en dit komt niet terug op de site, daarvoor is een Facebookpagina(gesloten). De site moet 1 plaats worden waar alles ivm de club opkomt. Gebruik maken van template pagina's 1 pagina voor een ploeg en die template door de data in database invullen, zo beschikken alle teams over gelijke content (aangepast aan het team). Er kan veel meer geautomatiseerd worden zoals invoegen spelers, coaches, ... deze zijn gelijk van soort: hebben een naam, familienaam, functie, ... en het invoegen van sponsors, activiteiten, ...
Oplossing:
- navigatie: opdelen, sorteren, ordenen, bundelen, ...
- pagina's: pagina's die leeg zijn verwijderen, content verdelen, ordenen, ...
- zoveel mogelijk automatiseren: werken via de database en verwerken via php
Het Design...
- kleur -
wat als kleur iets te zeggen heeft?
- avatars -
deze worden gebruikt als persoonlijkheid in de navigatie want iedereen gaat naar iets anders op zoek. Om een naam een gezicht te geven komt een foto, fallback hiervoor is een avatar.
- icons -
Toch nog denken aan iets meer dan kleur alleen, want wat mens kleurenblindheid. Plus soms zegt een beeld meer dan een woord. Deze icons komen bij soortgelijke activiteiten terug, maar ook in de filter.
- elementen -
Om het terug vinden van info in die grote massa van content is er gedacht aan verschillende elementen om deze weg sneller en gebruiksvriendelijker te maken.
side-project:
De vraag kwam om ook enkele print onderdelen ertussen te nemen.
