Benodigdheden voor een adaptieve website

Logo

Lever het logo in een zo hoog mogelijke resolutie aan, het liefst een (vector) bestand in '.eps' formaat als dit mogelijk is. Als het logo in .png formaat in hoge resolutie beschikbaar is, is dit een goede tweede keuze, het liefst met een transparante achtergrond. De laatste keus voor het logo zijn bestanden in het .jpeg/.jpg/.gif formaat. Nog geen logo? Laat dat dan ook even aan ons weten.

Header

Voor het ontwerpen van de header zijn er 2 mogelijkheden.

1. De vereniging levert zelf een foto aan. Deze dient minimaal 1400 pixels breed te zijn. Onze voorkeur gaat uit naar een foto die van een afstand is genomen. Indien de foto groter is, wordt er een strook van 1400 x 280 pixels uitgesneden die de header zal gaan vullen. Alles buiten deze strook komt te vervallen.

2. Wij ontwerpen éénmalig een header naar wens van de vereniging. Dit gaat op basis van afkoopbare stockfoto's. Het ontwerpen van één header kost € 50,-

Foto's

Voor een mooi ontwerp zijn goede foto's nodig. Lever hoge kwaliteit foto's aan die eventueel in de header (bovenkant) gebruikt kunnen worden. Wij accepteren alleen maar foto's waar de vereniging rechten op heeft. Foto's van Google kunnen niet zomaar gebruikt worden. Gekochte stockfoto's mogen uiteraard wel. Voor een snelle voortgang van het design is het belangrijk om hoge resolutie foto's aan te leveren. Wij adviseren om foto's op te sturen van bijvoorbeeld het clubhuis of de sportvelden, een herkenbaar punt voor de leden. Houd er rekening mee dat de foto's minimaal 1400px breed moeten zijn, en ook breed gebruikt kunnen worden — Lange foto's werken dus niet goed.

Kleuren & Huisstijl

Heeft de vereniging een huisstijl, lever dan een zo compleet mogelijk document met alle elementen van de huisstijl. Worden kleuren gebruikt en zijn de kleurcodes hiervan bekend, lever deze dan ook aan in het RGB formaat en/of CMYK formaat. Zijn er niet specifiek kleuren, maar zitten er wel kleuren in het logo die gebruikt kunnen worden? Geef dan aan welke kleur het belangrijkst is.

Menu

Binnen het adaptief ontwerp wordt een menustructuur geboden die voor de meeste verenigingen goed zal werken. Bij het klaarzetten van de website wordt het onderstaande hoofdmenu en 'Over de club' menu aangemaakt. Achteraf kan de vereniging altijd zelf nog pagina's aanmaken, aanpassen en verwijderen.

Hoofdmenu

De volgende pagina's worden weergegeven in het hoofdmenu:

• Teams
• Nieuws
• Wedstrijden & uitslagen
• Bestuur & commissies
• Agenda
• Bardiensten

'Over de club' menu

De volgende pagina's worden niet weergegeven in het hoofdmenu, maar zijn toegankelijk via een blok 'Over de club' op de homepagina en een knop in de footer.

• Lidmaatschap -- Inschrijfformulier -- Contributie
• Geschiedenis

Optioneel

De volgende pagina's zijn niet voor elke vereniging relevant. De vereniging moet zelf aangeven of deze pagina's aangemaakt moeten worden.

• Clublied
• Ereleden
• Huisstijl
• Accommodatie

Beschermde pagina's

Pagina's die persoonlijke gegevens tonen zijn alleen toegankelijk voor ingelogde leden.

Sponsors

Binnen het adaptief ontwerp worden er een aantal manieren geboden om sponsors uit te lichten. AllUnited biedt 3 manieren om sponsorlogo's en banners te tonen.

Sponsorlogo's (140x70)

• Aanpasbaar in de AllUnited backoffice
• Worden standaard getoond in de footer -- Werkt op desktop, tablet en mobiel
• De logo's kunnen in de gefixeerde sponsorbalk worden geplaatst -- Werkt op desktop en tablet -- op desktop worden er 6 sponsorlogo's getoond -- op tablet worden er 4 sponsorlogo's getoond

Jiba hoge banner — 120x600

• Gaat niet via AllUnited en is traag
• kan getoond worden links en/of recht van de inhoud -- Werkt niet op tablet en mobiel

Sponsorvisie brede banner — 620x86

• Gaat niet via AllUnited
• Kan worden getoond in de gefixeerde sponsorbalk
• Automatische carousel leidt de gebruiker af
• Werkt op desktop en tablet

Sponsorvisie hoge banner — 120x400

• Gaat niet via AllUnited
• kan getoond worden links en/of recht van de inhoud -- Werkt niet op tablet en mobiel

Sponsorvisie vierkante banner — 144x162

• Gaat niet via AllUnited
• Kan worden getoond links en/of recht van de inhoud

Contactinformatie onderaan de website

AllUnited biedt onderaan de pagina binnen het adaptief ontwerp een overzicht van contactinformatie van de vereniging. De volgende gegevens hebben wij hiervoor nodig:

• Telefoonnummer (optioneel)
• E-mailadres (optioneel)
• Bezoekadres (optioneel) -- Straat + Huisnummer -- Postcode -- Plaats

Social media iconen

Onder de contactinformatie tonen we de social media iconen die de vereniging gebruikt. Geef voor de volgende platformen de url naar het profiel van de vereniging. We tonen alleen de platformen die de vereniging gebruikt.

• Facebook
• Twitter
• Linkedin
• Google Plus
• Youtube
• Flickr

Domein verhuizen

AllUnited kan het beheer van het domein voor de website overnemen. Hiervoor is een verhuistoken benodigd die de vereniging bij de huidige hosting moet opvragen. Dit is nodig voor het live zetten van de website. De bouw van de website kan wel gestart worden zonder verhuistoken.

De oude/huidige website behouden

Wanneer wij de nieuwe website overzetten is de oude website niet langer zichtbaar via dit domein. Als de vereniging deze website wilt behouden, om bijvoorbeeld content achteraf over te zetten, zal dit in overleg met de huidige hosting moeten. Het is mogelijk om de website onder een ander domein zichtbaar te houden, maar de huidige hosting moet de website wel blijven hosten. AllUnited kan dit niet overnemen.

Onderdelen van het adaptief ontwerp

Binnen het adaptief ontwerp van AllUnited zijn er een aantal kenmerkende stijlelementen die aangepast kunnen worden. AllUnited werkt deze stijlelementen zelf uit gebaseerd op de bovenstaande benodigdheden.

Als de vereniging zelf deze stijlelementen wilt aanleveren moet een vereniging dit eerst aanvragen, AllUnited levert dan alle benodigdheden om dit te doen. Een vereniging moet zich dan wel aan de specificaties houden.

Wat levert AllUnited af?

Om "adaptieve" websites ook voor verenigingen betaalbaar te houden, hebben wij de volgende punten opgesteld. Indien de vereniging problemen ondervindt met het aanleveren van benodigdheden, het structureren van de website of andere zaken, kan de vereniging altijd contact opnemen met AllUnited.

1. Template met logo en headerfoto, inclusief huisstijlkleuren, footer inclusief contactgegevens en socialmedia koppelingen.

2. Dynamische sponsorbalk. Zonder sponsorlogo's. Deze dient de vereniging zelf in te voeren.

   Tip: pas de formaten van de logo's aan in Photoshop naar 140 x 70 pixels (of 2 staat op 1).

   Indien dit problemen oplevert kan AllUnited een 5-tal sponsorlogo's voor de vereniging voor doen en in de sponsorbalk plaatsen.

3. Menustructuur: AllUnited levert een basis menustructuur. Deze kan door de vereniging zelf naar wens worden aangepast.

4. Homepage items: Voor extra homepage items kan de vereniging de wensen doorgeven aan AllUnited. Dit kan alleen via "Helpdesktickets".

5. Content: AllUnited zet geen content over. De content is en blijft altijd eigendom van de vereniging. Het overgaan naar een nieuwe website biedt de uitgelezen kans om de content op te schonen.

Overige wensen en opmerkingen

Alle wensen die niet direct te maken hebben met het ontwerp van de website (layout, header, huisstijl, sponsorbalk en logo) kunnen alleen geuit worden via helpdesktickets. Tickets komen gelijk uit bij de verantwoordelijke persoon. Dit bevordert de afhandeling.