FUNCTIONEEL ONTWERP

WEBSITE IJSSEL GROEP

Datum: 3 februari 2017Versie: 0.1Status: conceptAuteur: Inger Bierman

© Scripta Communicatie, 20 mei 2023

Inhoudsopgave

1. Inleiding

2. Doelgroep

3. Doelstelling

4. Vormgeving

5. Structuur

6. Pagina’s en componenten

7. Technische randvoorwaarden

8. Planning

Versiebeheer

Versie Status Wijziging Auteur Datum0.1 Concept Inger Bierman 03-02-2017

© Scripta Communicatie, 20 mei 2023

1 InleidingDe IJssel Groep wil zich krachtiger kunnen positioneren. Daarom is er behoefte aan een gemeenschappelijke, eenduidige website die niet de afzonderlijke merken positioneert, maar de groep als geheel: IJSSEL. De dochterondernemingen worden hierop niet apart opgevoerd, maar zijn nog wel zichtbaar in de aanduiding van de specifieke expertise die ze vertegenwoordigen.

IJssel Perspectief neemt hierbij een aparte positie in. De website van IJTP heeft een andere doelgroep en doelstelling dan de site van IJssel Groep (tool voor werkzoekenden, gedetacheerden en hun werkgevers vs corporate site). Wij adviseren daarom om deze site zelfstandig te houden. In dit functioneel ontwerp en in het contentplan is de website van IJTP daarom (nog) niet geïntegreerd. Via de pagina’s Technisch personeel en Vacatures wordt de dienstverlening van IJTP wel opgenomen in de site van IJssel Groep (beschrijvend, zonder de tools), zodat de volle breedte op de corporate site helder is.

Mocht de website van IJTP inderdaad niet worden geïntegreerd in de site van IJssel Groep, dan stellen wij voor gezamenlijk te inventariseren of de huidige site van IJTP nog voldoet aan de functionele wensen. Op basis daarvan kunnen we besluiten of het nodig is om de site te herbouwen. Wij adviseren de site van IJTP bij zelfstandig voortbestaan minimaal een zelfde look & feel te geven als de site van IJssel Groep. Dat geeft een meer professionele uitstraling en zorgt voor corporate branding. De IJTP-site heeft dan een positie vergelijkbaar met de aparte ‘werken bij’-sites die veel grote bedrijven hebben, al gaat het in dit geval niet alleen om werken bij IJssel zelf, maar ook om detachering elders.

Dit ontwerp voor de website van IJssel Groep gaat uit van een aanpassing of herbouw van de bestaande website van IJssel Technologie.

2 DoelgroepDe doelgroep van de website van IJssel Groep wordt gevormd door potentiële en bestaande klanten, met name productie-, technische en general managers in de maak-, voedings- en procesindustrie en de energiesector. Secundair: potentiële nieuwe medewerkers, die zich al dan niet via de site van IJTP oriënteren of werken bij IJssel iets voor hen is.

3 Doelstelling De website moet de bezoeker duidelijk maken op welke vragen en problemen IJssel een antwoord heeft en wat de inzet van IJssel de klant gaat opleveren. Daarmee moet de website potentiële en bestaande klanten overtuigen om IJssel in te schakelen voor nieuw of meer werk. Secundair: potentiële nieuwe medewerkers overtuigen dat IJssel een prettig bedrijf is om voor te werken.

© Scripta Communicatie, 20 mei 2023

4 VormgevingIn de vormgeving hanteren we de huisstijl van IJssel. Beeld speelt op de site een belangrijke rol. Eén goed gekozen beeld kan meer doen voor je uitstraling dan pagina’s vol tekst. Op de site staan klanten en de specifieke oplossingen die IJT vindt voor deze klanten centraal. Dat moet terug te zien zijn in de foto’s; daarop staan mensen, geen machines; de foto’s zijn dynamisch en geven een goede afspiegeling van de functies binnen IJssel en die bij de klant; ze zijn niet geënsceneerd, maar tonen echte beelden op de werkvloer.

© Scripta Communicatie, 20 mei 2023

5 Structuur

Niveau 1 Niveau 2 Niveau 3 Paginatype (zie paragraaf 5)

Home Homepage HoofdnavigatieProductieoptimalisatie Standaardpagina

Subpagina’s StandaardpaginaPagina’s per case Portfolio

Predictive maintenance

Standaardpagina

Subpagina’s StandaardpaginaPagina’s per case Portfolio

Asset management StandaardpaginaPagina’s per case Portfolio

Technisch personeel Nog te bepalenOpleidingen Standaardpagina

Secundaire navigatieOver ons Standaardpagina

Subpagina’s StandaardpaginaNieuws Blog

Pagina per nieuwsbericht BlogVacatures Nog te bepalenContact Standaardpagina

Pagina per vestiging Standaardpagina

Bereikbaar via headerZoekresultaten ZoekresultatenNiets gevonden Standaardpagina

Bereikbaar via footerSitemap Sitemap

Buiten navigatie Incidentele pagina Standaardpagina 404-pagina Standaardpagina

Een toelichting op de content per pagina is te vinden in het contentplan.

6 Pagina’s en componentenIn deze paragraaf worden de verschillende paginatypes (zie de sitemap in paragraaf 4) beschreven. Per pagina wordt de functionaliteit beschreven van de gebruikte componenten.

© Scripta Communicatie, 20 mei 2023

Alle pagina’s, vaste elementen:Naast de hieronder per paginatype beschreven content bevatten alle pagina’s de volgende vaste elementen:

Header, met hierin

o Logo: link naar homepage (behalve op de homepage), positie: linksboven

o Secundaire navigatie: Waar van toepassing verschijnt bij aanwijzen een dropdownmenu met klikbare subnavigatie. Het item waar de bezoeker zich bevindt, is gemarkeerd.

o Keuzemogelijkheid voor NL/EN en eventueel DE (zie paragraaf 7)

o Zoekveld. Gebruiker kan 1 of meer zoektermen invoeren. Bij meer zoektermen wordt gezocht op beide termen (AND). Als de zoektermen worden ingevoerd tussen “ wordt die combinatie letterlijk gezocht. Zoekmachine wordt geactiveerd door button Zoeken en door Enter.

Hoofd- en subnavigatie: hoofdmenu toont alle hoofdonderdelen van de site, klikbaar naar de betreffende pagina. Bij aanwijzen verschijnt een dropdownmenu met klikbare subnavigatie. Het item waar de bezoeker zich bevindt, is gemarkeerd.

Kruimelpad: komt na de homepage op elke pagina terug. Toont de plaats van de pagina in de structuur van de website. Alle onderdelen zijn klikbaar. Wordt automatisch aangemaakt.

Paginatitel: komt na de homepage op elke pagina terug. Via het cms handmatig in te voeren H1 titel.

Footer: tekst (adresgegevens hoofdkantoor, pay off), interne links (overige locaties), externe links (socialmedia-accounts, WeTransfer) en links naar pdf’s (certificaten, algemene voorwaarden).

Delen: icoon om pagina per mail door te sturen en te delen via de meest gangbare social media (nog te bepalen). Niet op 404-pagina.

Print: icoon dat printfunctie van browser activeert. Css voor printversie van de pagina’s.

Titlebar: individuele titlebar voor iedere pagina, zodat hierin zoekwoorden kunnen worden verwerkt

© Scripta Communicatie, 20 mei 2023

Url: zoekmachinevriendelijk door in ieder geval de paginatitel te tonen

Homepage

Slider, bestaande uit verschillende beelden met eroverheen te plaatsen tekst. Loopt automatisch, maar bezoeker kan ook zelf doorklikken.

Contentblok links: Tekst, beeld en links via het cms handmatig in te voeren met een rich text editor. Mogelijkheid om ankers aan te brengen. Dwingende stijlen definiëren voor koppen en dergelijke. Invoer die afwijkt van deze stijl wordt niet geaccepteerd.

© Scripta Communicatie, 20 mei 2023

Koppen en intro’s van meest actuele nieuwsberichten, klikbaar naar doorleespagina, met link naar nieuwsarchief.

Banner: via het cms zelf te plaatsen beeld met link

Logo’s van klanten in caroussel

Opdrachten: Cases kunnen worden geselecteerd om automatisch te worden getoond op de homepage. Deze zijn klikbaar naar de doorleespagina’s.

Standaardpagina

© Scripta Communicatie, 20 mei 2023

Contentblok links: Tekst, beeld en links via het cms handmatig in te voeren met een rich text editor. Mogelijkheid om ankers aan te brengen. Dwingende stijlen definiëren voor koppen en dergelijke. Invoer die afwijkt van deze stijl wordt niet geaccepteerd.

Kolom rechts: in te vullen met gerelateerde cases (zie portfolio), nieuwsberichten e.d., nog per pagina te bepalen

Op pagina Contact en onderliggende pagina’s: contactformulier. Standaard opties formulier: textvak, textvak groot, radio button, dropdown, checkbox, verzendknop. Validatie textvak voor e-mailadres (A@A.A). Mogelijkheid om velden verplicht te maken. Captcha. Bevestigingspagina.

Op pagina Contact > Pagina per vestiging: integratie van routeplanner.

Op 404-pagina (= foutmelding) en pagina Niets gevonden: Zoekveld (onder vaste tekst) zodat bezoeker (opnieuw) kan zoeken.

Portfolio (voor de cases)

Mogelijkheid om cases tags mee te geven. Aan de hand van deze tags worden cases getoond op de homepage en op de pagina’s Productoptimalisatie, Predictive Maintenance en Asset Management. Cases worden hier getoond met beeld en kop, beide klikbaar naar doorleespagina.

Doorleespagina met tekst en beeld. De bezoeker heeft de optie om met pijltjes of Vorige/Volgende door de opdrachten te bladeren. Ook heeft de doorleespagina een button Terug om terug te gaan naar het overzicht met opdrachten.

Blog (voor de pagina Nieuws)

Koppen en intro’s van alle nieuwsberichten, met Lees verder-link naar doorleespagina. Bij meer dan 10 berichten worden de overige dmv paginering (10 per pagina) aangeboden.

Doorleespagina met datum, kop, intro en volledig nieuwsbericht. Tekst en beeld via het cms handmatig in te voeren met een rich text editor. Link terug naar nieuwsarchief en mogelijkheid om direct naar volgende en vorige bericht te klikken.

Zoekresultaten

Zoekveld (extra): toont de laatst gebruikte zoekopdracht. De gebruiker kan deze termen aanpassen om opnieuw te zoeken.

© Scripta Communicatie, 20 mei 2023

Zoekresultaten: Google-like gepresenteerd. Ieder resultaat linkt naar de betreffende pagina. De eerste 10 zoekresultaten worden weergegeven. Bij meer dan 10 zoekresultaten worden de overige dmv paginering (10 resultaten per pagina) aangeboden.

Sitemap

Automatisch aangemaakte sitemap. Pagina’s zijn klikbaar, maar niet worden onderstreept weergegeven. Onderliggende pagina’s springen in tov bovenliggende pagina’s. Daarnaast een bestand sitemap.xml of vergelijkbare oplossing voor zoekrobots.

7 Technische randvoorwaarden

Op de verschillende pagina’s moeten filmpjes, formulieren en foto’s in een slider kunnen worden toegevoegd.

Op termijn is wellicht behoefte aan de mogelijkheid om evenementen aan te maken, met aanmeldformulier.

Nader te bepalen pagina’s (niet de gehele site) moeten meertalig beschikbaar komen. Bij klik op de link EN/NL gaat de bezoeker naar de corresponderende pagina in het Engels, in een structuur met alleen Engelse pagina’s. Niet-vertaalde pagina’s worden niet getoond. Wellicht komen er daarnaast pagina’s in het Duits.

De site moet goed functioneren op desktop, tablet en mobiel en in alle moderne browsers.

De site wordt gekoppeld aan Google Analytics.

Het onderhoud van de content moet eenvoudig zijn en door IJT zelf kunnen worden uitgevoerd. Hiervoor zijn verschillende rollen en bevoegdheden mogelijk.

De opbouw moet flexibel zijn zodat in een later stadium nog menu-items kunnen worden toegevoegd.

8 Planning Nog te bepalen

© Scripta Communicatie, 20 mei 2023