Alle projecten

Sven Schieman

Het Figma-ontwerp van een designer omgezet in een snelle portfoliowebsite die hij zelf kan beheren.

Figma naar codeCMSSEOPortfolio
Homepage van svenschieman.nl met de tekst "Allround Designer" en een lopende tekstband

Waar het om ging

Sven Schieman is een allround designer. Zijn eigen portfolio had hij al tot in detail ontworpen in Figma: een website die er in de browser net zo scherp uit moet zien als in het ontwerp.

Voor een designer is bijna goed niet goed genoeg. Lettertypes, marges en verhoudingen moesten kloppen. Daarnaast wilde hij zijn projecten en teksten zelf kunnen aanpassen zonder steeds een developer nodig te hebben.

Hoe ik het heb aangepakt

Ik heb het Figma-bestand als bron gebruikt en de exacte waarden voor kleuren, afmetingen, lettergroottes en marges rechtstreeks uit het ontwerp overgenomen, in plaats van ze op het oog na te maken.

De site heeft zes projectpagina’s, een galerij met vrij werk (inclusief bewegende tegels) en een over- en contactpagina. De inhoud staat in een CMS, zodat Sven teksten en beeld zelf kan wijzigen.

De licentieplichtige lettertypes lopen via zijn eigen Adobe Fonts-account en SEO (sitemap, metadata, gestructureerde data) is vanaf het begin ingebouwd.

Bij oplevering kreeg Sven een stap-voor-stap handleiding, zodat code, hosting en domein onder zijn eigen accounts draaien.

Het pakket

  • Website gebouwd naar het Figma-ontwerp, voor desktop en mobiel
  • Projectpagina’s en een galerij met vrij werk
  • CMS waarmee Sven zelf inhoud beheert
  • SEO-basis: sitemap, metadata en gestructureerde data
  • Handleiding en overdracht naar zijn eigen accounts

Wat het opleverde

Een portfoliosite die het ontwerp trouw volgt en live staat op svenschieman.nl.

Sven beheert zijn eigen inhoud en hoeft niet voor elke wijziging een developer te bellen.

Hij is eigenaar van zijn code, hosting en domein.

Wat dit laat zien over mijn werk

Ontwerp vertalen naar code

Ik werk met jouw ontwerp als bron en bouw het na met de precisie die het verdient.

Zelfstandigheid voor de klant

Een website is pas af als jij hem zelf kunt beheren. Daarom zorg ik voor een CMS en een duidelijke overdracht.

Samenwerken met designers

Heb je een designer of werk je zelf in Figma? Dan sluit ik daar graag op aan en hoef je niets te vertalen.

Een website of applicatie in gedachten?

Vertel me wat je nodig hebt. Ik denk graag mee en laat je weten wat er mogelijk is.