Archiefbeelden van de Factif-website en het aangeleverde Sufficio-ontwerp
Mijn start bij Factif
Mijn stage bij Factif in Deventer liep van september 2018 tot januari 2019. Ik begon in de frontendtemplates van ShopMaster, het e-commerceplatform dat het bureau voor klanten gebruikte. Daar werkte ik onder meer aan de overstap naar Foundation.
Na ongeveer zes tot acht weken kreeg ik de frontend van de nieuwe bedrijfswebsite als eigen opdracht. Ik was begin dat jaar begonnen met programmeren.
Van desktopontwerp naar werkende website
Ik bouwde zes paginatypen: de homepage, het blogoverzicht, blogartikelen, de contactpagina, het werkoverzicht en de detailpagina's van projecten. Voor de layout gebruikte ik Foundation en voor de interacties jQuery.
Voor tablet en mobiel waren geen ontwerpen aangeleverd. Ik bepaalde zelf hoe onderdelen onder elkaar kwamen te staan en hoe tekst en beeld leesbaar bleven. Ook het gekantelde vlak met klantwerk en het overzicht met ruim dertig beeldtegels moesten op kleinere schermen werken.
De inhoud kwam uit ShopMaster CMS. De pagina's moesten dus ook langere titels, wisselende tekstlengtes en nieuwe projecten aankunnen.
- Het visuele ontwerp was aangeleverd. De backend, het CMS, SEO en de inhoud vielen buiten mijn opdracht.
Het blogoverzicht
Het ontwerp van het blogoverzicht verdeelde artikelen in groepen, met kaarten van verschillende afmetingen. Het CMS leverde de inhoud echter als één vlakke reeks p-elementen. Daardoor ontbrak de structuur voor die indeling.
Ik onderzocht eerst of ik die groepering in de frontend kon afleiden. Toen dat niet betrouwbaar bleek, besprak ik het met het backendteam. Zij pasten de CMS-uitvoer aan, waarna ik de layout kon bouwen.
Betaald klantwerk: Sufficio
Na mijn stage bleef ik tot september 2019 betaald parttime bij Factif werken als junior frontenddeveloper. In die periode bouwde ik onder meer de volledige frontend van Sufficio, een klantwebsite met veel pagina's rond meerdere modules.
Ik werkte vanuit aangeleverde desktopontwerpen. De mobiele weergave en interacties werkte ik zelf uit.
Elke module had een eigen omgeving, met een eigen kleur en hero. In het ontwerp ontbrak een duidelijke route terug naar de hoofdsite. Daarom voegde ik linksboven een knop 'Terug naar startpagina' toe.
Ongeveer vijf jaar in gebruik
De Factif-website ging in de tweede helft van 2018 live en werd in de tweede helft van 2023 vervangen. De frontend die ik bouwde bleef daarmee ongeveer vijf jaar in productie.