{"id":1319,"date":"2026-01-16T13:05:48","date_gmt":"2026-01-16T13:05:48","guid":{"rendered":"https:\/\/38692.hosts2.ma-cloud.nl\/portfolio\/home-2\/"},"modified":"2026-10-16T09:52:04","modified_gmt":"2026-10-16T09:52:04","slug":"home-2","status":"publish","type":"page","link":"https:\/\/lisonghoogenboom.nl\/portfolio\/","title":{"rendered":"Home"},"content":{"rendered":"<!-- Global UI \u2014 preloader, cursor, header, menu -->\n<div class=\"preloader\" aria-hidden=\"true\">\n    <div class=\"preloader__shapes\">\n      <span class=\"shape shape--circle\"><\/span>\n      <span class=\"shape shape--square\"><\/span>\n      <span class=\"shape shape--pill\"><\/span>\n      <span class=\"shape shape--arc\"><\/span>\n      <span class=\"shape shape--tri\"><\/span>\n    <\/div>\n    <div class=\"preloader__name\">LI-SONG<\/div>\n    <div class=\"preloader__count mono\"><span class=\"js-count\">000<\/span><\/div>\n    <div class=\"preloader__curtain preloader__curtain--lime\"><\/div>\n    <div class=\"preloader__curtain preloader__curtain--ink\"><\/div>\n  <\/div>\n\n  \n\n  <svg class=\"svg-defs\" width=\"0\" height=\"0\" aria-hidden=\"true\" focusable=\"false\" style=\"position:absolute\">\n    <filter id=\"liquid-glass\" x=\"0%\" y=\"0%\" width=\"100%\" height=\"100%\" color-interpolation-filters=\"sRGB\">\n      <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.005 0.008\" numOctaves=\"2\" seed=\"11\" result=\"noise\"\/>\n      <feGaussianBlur in=\"noise\" stdDeviation=\"4\" result=\"map\"\/>\n      <feDisplacementMap in=\"SourceGraphic\" in2=\"map\" scale=\"90\" xChannelSelector=\"R\" yChannelSelector=\"G\"\/>\n    <\/filter>\n    <filter id=\"liquid-glass-soft\" x=\"0%\" y=\"0%\" width=\"100%\" height=\"100%\" color-interpolation-filters=\"sRGB\">\n      <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.008 0.011\" numOctaves=\"2\" seed=\"4\" result=\"noise\"\/>\n      <feGaussianBlur in=\"noise\" stdDeviation=\"3\" result=\"map\"\/>\n      <feDisplacementMap in=\"SourceGraphic\" in2=\"map\" scale=\"40\" xChannelSelector=\"R\" yChannelSelector=\"G\"\/>\n    <\/filter>\n  <\/svg>\n  <div class=\"cursor\" aria-hidden=\"true\">\n    <div class=\"cursor__ring\"><span class=\"cursor__label\"><\/span><\/div>\n    <div class=\"cursor__dot\"><\/div>\n  <\/div>\n  <div class=\"grain\" aria-hidden=\"true\"><\/div>\n  <div class=\"tint\" aria-hidden=\"true\"><\/div>\n\n  \n\n  <header class=\"header\">\n    <a href=\"#top\" class=\"header__logo header__logo--mark glass\" data-cursor=\"link\" aria-label=\"Li Song \u2014 terug naar boven\"><svg viewBox=\"0 0 280 280\" aria-hidden=\"true\"><rect x=\"58\" y=\"62\" width=\"40\" height=\"156\" rx=\"20\" fill=\"currentColor\"\/><rect x=\"58\" y=\"178\" width=\"88\" height=\"40\" rx=\"20\" fill=\"currentColor\"\/><path d=\"M222 82h-38a29 29 0 0 0 0 58h10a29 29 0 0 1 0 58h-40\" fill=\"none\" stroke=\"var(--accent-text)\" stroke-width=\"40\" stroke-linecap=\"round\"\/><\/svg><\/a>\n    <nav class=\"header__nav glass\" aria-label=\"Hoofdmenu\">\n      <a href=\"#work\" class=\"mono js-scramble\" data-cursor=\"link\">Werk<\/a>\n      <a href=\"#about\" class=\"mono js-scramble\" data-cursor=\"link\">Over mij<\/a>\n      <a href=\"#contact\" class=\"mono js-scramble\" data-cursor=\"link\">Contact<\/a>\n    <\/nav>\n    <div class=\"header__right\">\n      <button class=\"lang-toggle glass mono\" type=\"button\" data-i18n-skip data-cursor=\"link\" aria-label=\"EN \u2014 English\" lang=\"en\">EN<\/button>\n      <button class=\"theme-toggle glass\" type=\"button\" aria-label=\"Wissel tussen licht en donker thema\" data-cursor=\"link\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><path d=\"M12 1v3M12 20v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M1 12h3M20 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1\"\/><\/svg>\n      <\/button>\n      <button class=\"burger glass\" type=\"button\" aria-label=\"Menu openen\" aria-expanded=\"false\"><span><\/span><span><\/span><\/button>\n    <\/div>\n  <\/header>\n\n  <div class=\"menu\" aria-hidden=\"true\">\n    <nav>\n      <a href=\"#work\">Werk<\/a>\n      <a href=\"#about\">Over mij<\/a>\n      <a href=\"#story\">Verhaal<\/a>\n      <a href=\"#contact\">Contact<\/a>\n    <\/nav>\n  <\/div>\n\n<!-- HERO -->\n<section class=\"hero\" aria-label=\"Introductie\">\n      <div class=\"hero__shapes\" aria-hidden=\"true\">\n        <span class=\"hs hs--arc\" data-depth=\"2\"><\/span>\n        <span class=\"hs hs--tri\" data-depth=\"0.3\"><\/span>\n      <\/div>\n      <div class=\"hero__meta mono\">\n        <span>Graphic Designer<\/span>\n        <span>Amsterdam<\/span>\n        <span>Portfolio \u00a92026<\/span>\n      <\/div>\n      <h1 class=\"hero__name\" aria-label=\"Li-Song Hoogenboom\">\n        <span class=\"hero__line hero__line--1 js-split\" aria-hidden=\"true\">LI-SONG<\/span>\n        <span class=\"hero__line hero__line--2 js-split\" aria-hidden=\"true\">HOOGENBOOM<\/span>\n      <\/h1>\n      <div class=\"hero__bottom\">\n        <p class=\"hero__tag\"><em class=\"serif\">Ik ontwerp in Figma<\/em><br>interfaces die vanzelf spreken.<br><span class=\"muted\">Vooral digitaal: apps, interfaces en merken die in \u00e9\u00e9n oogopslag binnenkomen.<\/span><\/p>\n        <div class=\"hero__ctas\">\n          <a href=\"#work\" class=\"btn btn--accent magnetic\" data-cursor=\"link\">Bekijk mijn werk \u2193<\/a>\n          <a href=\"#\" class=\"btn btn--glass glass magnetic js-cv\" download data-cursor=\"link\">Download cv<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n<!-- SCROLL FILM -->\n<section class=\"film\" id=\"film\" aria-label=\"Showreel: app, editorial, motion\">\n      <div class=\"film__sticky\">\n        <!-- Higgsfield-film (wordt automatisch gebruikt als assets\/video\/scroll-film.mp4 bestaat) -->\n        <video class=\"film__video\" muted playsinline preload=\"none\" aria-hidden=\"true\"><\/video>\n        <canvas class=\"film__canvas\" aria-hidden=\"true\"><\/canvas>\n\n        <!-- Gecodeerde film (tot de Higgsfield-clips er zijn) -->\n        <div class=\"film__stage\" aria-hidden=\"true\">\n          <div class=\"fs-bg\"><\/div>\n\n          <!-- Hoofdstuk 1: Bike Spot-app (schermen ge\u00ebxporteerd uit Figma) -->\n          <div class=\"fs-phone\">\n            <div class=\"fs-phone__notch\"><\/div>\n            <div class=\"fs-phone__screen\">\n              <div class=\"fs-phone__screens\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/01-start.jpg\" alt=\"\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/02-inloggen.jpg\" alt=\"\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/03-welkom.jpg\" alt=\"\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/04-home.jpg\" alt=\"\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/05-kaart.jpg\" alt=\"\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/06-stalling.jpg\" alt=\"\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/07-gereserveerd.jpg\" alt=\"\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/08-review-schrijven.jpg\" alt=\"\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/09-reviews.jpg\" alt=\"\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/10-leaderboard.jpg\" alt=\"\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/11-instellingen.jpg\" alt=\"\" loading=\"lazy\">\n              <\/div>\n              <span class=\"fs-tap\"><\/span>\n              <div class=\"fs-sweep\"><\/div>\n            <\/div>\n          <\/div>\n          <ol class=\"fs-steps mono\">\n            <li>Start<\/li>\n            <li>Inloggen<\/li>\n            <li>Welkom<\/li>\n            <li>Home<\/li>\n            <li>Kaart<\/li>\n            <li>Stalling<\/li>\n            <li>Gereserveerd<\/li>\n            <li>Review schrijven<\/li>\n            <li>Reviews<\/li>\n            <li>Leaderboard<\/li>\n            <li>Instellingen<\/li>\n          <\/ol>\n          <div class=\"fs-circle\"><\/div>\n\n          <!-- Hoofdstuk 2: tijdschrift -->\n          <div class=\"fs-mag\">\n            <img decoding=\"async\" class=\"fs-spread fs-spread--l\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/ow-spread-01.jpg\" alt=\"\" loading=\"lazy\">\n            <img decoding=\"async\" class=\"fs-spread fs-spread--r\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/ow-spread-02.jpg\" alt=\"\" loading=\"lazy\">\n            <img decoding=\"async\" class=\"fs-cover\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/ow-cover.jpg\" alt=\"\" loading=\"lazy\">\n          <\/div>\n          <div class=\"fs-square\"><\/div>\n\n          <!-- Hoofdstuk 3: vormen -> naam -->\n          <div class=\"fs-shapes\">\n            <span class=\"fsh fsh--circle\"><\/span>\n            <span class=\"fsh fsh--square\"><\/span>\n            <span class=\"fsh fsh--pill\"><\/span>\n            <span class=\"fsh fsh--arc\"><\/span>\n            <span class=\"fsh fsh--tri\"><\/span>\n          <\/div>\n          <div class=\"fs-name\"><span>L<\/span><span>I<\/span><span>-<\/span><span>S<\/span><span>O<\/span><span>N<\/span><span>G<\/span><\/div>\n          <p class=\"fs-sub mono\">Graphic Designer \u2014 Amsterdam<\/p>\n        <\/div>\n\n        <!-- Hoofdstuklabels -->\n        <div class=\"film__ui\">\n          <div class=\"film__chapters mono\">\n            <div class=\"film__chapter is-active\" data-chapter=\"0\"><b>01<\/b> Appdesign <span>Bike Spot<\/span><\/div>\n            <div class=\"film__chapter\" data-chapter=\"1\"><b>02<\/b> Editorial <span>One World<\/span><\/div>\n            <div class=\"film__chapter\" data-chapter=\"2\"><b>03<\/b> Motion <span>De naam<\/span><\/div>\n          <\/div>\n          <div class=\"film__progress\"><i><\/i><i><\/i><i><\/i><\/div>\n          <a href=\"#work\/bike-spot\" class=\"film__link mono glass js-film-link\" data-cursor=\"view\">Bekijk project \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n<!-- SELECTED WORK -->\n<section class=\"work\" id=\"work\" aria-labelledby=\"work-title\">\n      <div class=\"section-head\">\n        <p class=\"mono eyebrow\">(03) \u2014 Geselecteerd werk<\/p>\n        <h2 id=\"work-title\" class=\"display js-drift\">Mijn<br>werk <sup class=\"mono\">(06)<\/sup><\/h2>\n        <div class=\"work__filter mono\" role=\"group\" aria-label=\"Filter projecten\">\n          <button type=\"button\" class=\"glass is-on\" data-filter=\"all\" aria-pressed=\"true\">Alles<\/button>\n          <button type=\"button\" class=\"glass\" data-filter=\"apps\" aria-pressed=\"false\">Apps<\/button>\n          <button type=\"button\" class=\"glass\" data-filter=\"print\" aria-pressed=\"false\">Print<\/button>\n          <button type=\"button\" class=\"glass\" data-filter=\"motion\" aria-pressed=\"false\">Motion<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"work__grid js-work-grid\"><\/div>\n\n      <!-- STATIC-CASES:START (generated by wordpress\/build-elementor.js from the project data, do not edit by hand) -->\n      <div class=\"work__static\" aria-label=\"Case studies\">\n        <article id=\"case-bike-spot\">\n          <h3><a href=\"#work\/bike-spot\">Bike Spot<\/a><\/h3>\n          <p>01 \u00b7 App \u00b7 UI \u00b7 Merk \u00b7 Keuzevak \u2014 Mediacollege Amsterdam \u00b7 2026 \u00b7 Figma<\/p>\n          <p>Vind en reserveer een fietsplek in Amsterdam: een complete app met een eigen merk.<\/p>\n          <h4>De opdracht<\/h4>\n          <p>Overvolle stoepen in De Baarsjes. Ontwerp een app waarmee mensen in Amsterdam een plek voor hun fiets vinden \u00e9n reserveren.<\/p>\n          <h4>Mijn rol<\/h4>\n          <ul><li>Gebruikersonderzoek &amp; persona's<\/li><li>User journey &amp; gebruikerstests<\/li><li>UI-design (kaart, detail, navigatie, inloggen, instellingen)<\/li><li>Branding, banners &amp; app-iconen<\/li><\/ul>\n          <h4>Proces<\/h4>\n          <p>Van de straat naar een merk, in zes stappen.<\/p><ol><li><b>Onderzoek<\/b>: Straatonderzoek in De Baarsjes, waar overvolle stoepen het probleem zijn.<\/li><li><b>Persona<\/b>: Uit het onderzoek kwam een persona: voor wie ontwerp ik eigenlijk?<\/li><li><b>User journey<\/b>: Een user journey van een plek zoeken tot een plek reserveren.<\/li><li><b>Prototype &amp; test<\/b>: Een prototype in medium fidelity, getest met gebruikers.<\/li><li><b>Itereren<\/b>: Het ontwerp aangescherpt, met onder meer een vernieuwd homescherm.<\/li><li><b>Merk<\/b>: Een styleboard in gebroken wit, blauw en JetBrains Mono maakte er een merk van.<\/li><\/ol>\n          <h4>Het resultaat<\/h4>\n          <p>Een compleet app-ontwerp (kaart- en detailschermen, navigatie, een vernieuwd homescherm, inloggen en instellingen), plus banners en app-iconen. Met een eigen merk: gebroken wit en blauw, met een krachtig woordmerk in kleine letters.<\/p>\n          <h4>Wat ik heb geleerd<\/h4>\n          <p>Test vroeg. Gebruikers zien wat jij over het hoofd ziet.<\/p>\n        <\/article>\n        <article id=\"case-mysteryland\">\n          <h3><a href=\"#work\/mysteryland\">Mysteryland<\/a><\/h3>\n          <p>02 \u00b7 App \u00b7 Print \u00b7 Opdracht \u2014 Mediacollege Amsterdam \u00b7 2026 \u00b7 Figma, InDesign, Photoshop<\/p>\n          <p>Een festivalapp en een gedrukte folder die samen \u00e9\u00e9n systeem vormen.<\/p>\n          <h4>De opdracht<\/h4>\n          <p>Mysteryland voor nieuwsgierige jongvolwassenen: ontwerp de festivalapp en een gedrukte A6-folder die als \u00e9\u00e9n identiteit voelen.<\/p>\n          <h4>Mijn rol<\/h4>\n          <ul><li>Onderzoek naar de visuele identiteit<\/li><li>Appdesign: programma, timetable, kaart, tickets, nieuws, contact<\/li><li>Folder: bingokaart, tijdlijn, EHBO-info, artiesten in de spotlight<\/li><li>Geschreven ontwerpverantwoording<\/li><\/ul>\n          <h4>Proces<\/h4>\n          <p>Van onderzoek naar \u00e9\u00e9n systeem voor app en folder.<\/p><ol><li><b>Onderzoek<\/b>: De identiteit en de doelgroep van het festival: nieuwsgierige jongvolwassenen.<\/li><li><b>Experimenten<\/b>: Inkt, vorm en lijn: zachte bewegingen in balans met strakke lijnen.<\/li><li><b>Concepten<\/b>: Twee conceptrichtingen, teruggebracht tot \u00e9\u00e9n.<\/li><li><b>Uitwerken<\/b>: Een app en een A6-folder die samen \u00e9\u00e9n systeem vormen.<\/li><li><b>Verantwoorden<\/b>: Elke keuze onderbouwd in een geschreven ontwerpverantwoording.<\/li><\/ol>\n          <h4>Het resultaat<\/h4>\n          <p>Een app en een folder die samen \u00e9\u00e9n systeem vormen, onderbouwd met een geschreven ontwerpverantwoording.<\/p>\n          <h4>Wat ik heb geleerd<\/h4>\n          <p>Een merk is een systeem, geen los scherm.<\/p>\n        <\/article>\n        <article id=\"case-golden-burger\">\n          <h3><a href=\"#work\/golden-burger\">Golden Burger<\/a><\/h3>\n          <p>03 \u00b7 App \u00b7 Branding \u00b7 Motion \u00b7 Opdracht \u2014 Mediacollege Amsterdam \u00b7 2025 \u00b7 Figma, After Effects<\/p>\n          <p>Een interactieve foodstand-app met een Duitse ziel en een gouden, geanimeerd logo.<\/p>\n          <h4>De opdracht<\/h4>\n          <p>Food Court: \u00e9\u00e9n gerecht, \u00e9\u00e9n land, \u00e9\u00e9n interactieve webapp. Mijn gerecht: de hamburger. Mijn land: Duitsland.<\/p>\n          <h4>Mijn rol<\/h4>\n          <ul><li>Concept &amp; mindmap<\/li><li>Illustratie van de ingredi\u00ebnten<\/li><li>UI-design &amp; styleboard<\/li><li>Animatie van logo en kraamicoon<\/li><\/ul>\n          <h4>Proces<\/h4>\n          <p>Van mindmap naar bewegend logo.<\/p><ol><li><b>Concept<\/b>: Een mindmap rond \u00e9\u00e9n gerecht en \u00e9\u00e9n land: de hamburger en Duitsland.<\/li><li><b>Schetsen<\/b>: 25 schetsen van de kraam, een foodtruck en het logo.<\/li><li><b>Illustratie<\/b>: Zelfgetekende ingredi\u00ebnten: tomaat en augurk in diep rood en donkergroen, voor een stevig, Duits gevoel.<\/li><li><b>Styleboard<\/b>: Kleuren, typografie en knoppen vastgelegd voordat ik ook maar \u00e9\u00e9n scherm bouwde.<\/li><li><b>Prototype &amp; motion<\/b>: Een klikbaar Figma-prototype, plus een geanimeerd logo en kraamicoon in After Effects.<\/li><\/ol>\n          <h4>Het resultaat<\/h4>\n          <p>Een klikbaar Figma-prototype, plus een geanimeerd Golden Burger-logo en kraamicoon. Mijn eerste animatie met een lichteffect, en het onderdeel waar ik het meest trots op ben.<\/p>\n          <h4>Wat ik heb geleerd<\/h4>\n          <p>Motion is wat een merk tot leven brengt.<\/p>\n        <\/article>\n        <article id=\"case-one-world\">\n          <h3><a href=\"#work\/one-world\">One World<\/a><\/h3>\n          <p>04 \u00b7 Editorial \u00b7 Opdracht \u2014 Mediacollege Amsterdam \u00b7 2025 \u00b7 Illustrator, InDesign<\/p>\n          <p>Een tijdschriftcover over AI die in \u00e9\u00e9n oogopslag binnenkomt: een mensenhand naast een hand van draden.<\/p>\n          <h4>De opdracht<\/h4>\n          <p>Ontwerp een cover en spreads voor een artikel over AI in het tijdschrift One World, en maak een complex maatschappelijk onderwerp in \u00e9\u00e9n oogopslag duidelijk.<\/p>\n          <h4>Mijn rol<\/h4>\n          <ul><li>Concept &amp; schetsen<\/li><li>Coverillustratie (Illustrator)<\/li><li>Editorial lay-out (InDesign)<\/li><li>Typografieonderzoek<\/li><\/ul>\n          <h4>Proces<\/h4>\n          <p>E\u00e9n doel: het onderwerp moet in \u00e9\u00e9n oogopslag duidelijk zijn.<\/p><ol><li><b>Verkennen<\/b>: Mindmaps en associatielijsten rond AI en technologie.<\/li><li><b>Schetsen<\/b>: Pagina na pagina coverschetsen.<\/li><li><b>Kiezen<\/b>: De winnaar: een mensenhand die reikt naar een hand van draden.<\/li><li><b>Uitwerken<\/b>: De cover getekend in Illustrator, de spreads opgemaakt in InDesign op een kolomgrid.<\/li><\/ol>\n          <h4>Het resultaat<\/h4>\n          <p>Een cover in donker turquoise en gedempt geel. Spreads die een goed leesbare broodletter combineren met een opvallende accentletter, in duidelijke kolommen met veel witruimte.<\/p>\n          <h4>Wat ik heb geleerd<\/h4>\n          <p>Als de boodschap uitleg nodig heeft, is de cover nog niet af.<\/p>\n        <\/article>\n        <article id=\"case-schrofer\">\n          <h3><a href=\"#work\/schrofer\">100 dagen MA<\/a><\/h3>\n          <p>05 \u00b7 Poster \u00b7 Expositie \u00b7 Expositie \u2014 Mediacollege Amsterdam \u00b7 2025 \u00b7 Illustrator, InDesign, audio-opname<\/p>\n          <p>Een expositieposter ge\u00efnspireerd door Jurriaan Schrofer, tentoongesteld en met extra waardering.<\/p>\n          <h4>De opdracht<\/h4>\n          <p>Een expositie van studenten met een positief studieadvies na de eerste 100 dagen op het Mediacollege Amsterdam. De opdracht: een poster voor de opening, gebaseerd op het werk van een Nederlandse ontwerper.<\/p>\n          <h4>Mijn rol<\/h4>\n          <ul><li>Onderzoek naar Jurriaan Schrofer, vastgelegd in een folder<\/li><li>Posterontwerp voor de Grande Opening<\/li><li>Audiotour waarin ik mezelf en Schrofer voorstel<\/li><\/ul>\n          <h4>Proces<\/h4>\n          <p>Van onderzoek naar een ontwerper naar een eigen poster.<\/p><ol><li><b>Onderzoek<\/b>: Verdieping in de Nederlandse typograaf Jurriaan Schrofer: letters als beeld, ritme en optisch spel.<\/li><li><b>Folder<\/b>: Het onderzoek vastgelegd in een folder van vier pagina\u2019s.<\/li><li><b>Vertalen<\/b>: Zijn geometrische, gestapelde lettervormen vertaald naar een eigen poster in blauw en turquoise, met een rode rand.<\/li><li><b>Presenteren<\/b>: Een audiotour waarin ik mezelf en Schrofer voorstel, en de poster op de expositie.<\/li><\/ol>\n          <h4>Het resultaat<\/h4>\n          <p>Mijn poster werd tentoongesteld tijdens de expositie, en ik kreeg extra waardering voor het helpen van medestudenten en voor de manier waarop ik mijn opdrachten aanpakte.<\/p>\n          <h4>Wat ik heb geleerd<\/h4>\n          <p>Goede typografie kan het hele beeld zijn.<\/p>\n        <\/article>\n        <article id=\"case-flexworkz\">\n          <h3><a href=\"#work\/flexworkz\">Flexworkz<\/a><\/h3>\n          <p>06 \u00b7 Stage \u00b7 Recruitment marketing \u00b7 Stage \u2014 sinds september 2026 \u00b7 2026 \u00b7 Photoshop, Illustrator<\/p>\n          <p>Mijn stageplek. Wat ik hier maak, is binnenkort te zien.<\/p>\n          <h4>De opdracht<\/h4>\n          <p>Flexworkz is een bureau voor werving en selectie en recruitment marketing. Voor elk bedrijf maken ze een eigen vacaturecampagne, vooral in de automotive. Daar loop ik stage. Ik ontwerp er wervingsadvertenties voor bedrijven, voor het eerst in een echt team.<\/p>\n          <h4>Mijn rol<\/h4>\n          <ul><li>Stagiair graphic design<\/li><li>Wervingsadvertenties voor social media<\/li><\/ul>\n        <\/article>\n        <article id=\"case-fotografie\">\n          <h3><a href=\"#work\/fotografie\">Fotografie<\/a><\/h3>\n          <p>Nevenwerk \u00b7 Fotografie \u00b7 Eigen werk \u00b7 Doorlopend \u00b7 iPhone 16 Pro, iPhone 11, Samsung A51<\/p>\n          <p>Foto\u2019s van licht, lijnen en het moment, allemaal gemaakt met mijn telefoon.<\/p>\n          <h4>De opdracht<\/h4>\n          <p>Geen opdracht, wel een vaste gewoonte. Naast mijn studie fotografeer ik wat me opvalt: hoe licht valt, lijnen in gebouwen en momenten die maar even duren.<\/p>\n          <h4>Mijn rol<\/h4>\n          <ul><li>Fotografie<\/li><li>Kadrering &amp; compositie<\/li><li>Bewerking in kleur en zwart-wit<\/li><\/ul>\n          <h4>Proces<\/h4>\n          <p>Ik zoek naar licht dat valt: een smalle straat half in de schaduw, twee lantaarns in het donker, een heuvel in het laatste zonlicht. Vaak ga ik door mijn knie\u00ebn en fotografeer ik vlak boven de grond, zodat de voorgrond meedoet.<\/p>\n          <h4>Het resultaat<\/h4>\n          <p>Een groeiende verzameling foto\u2019s uit Nederland, Spanje, Polen, Duitsland en Schotland. Fotograferen traint mijn oog voor compositie, en dat neem ik mee in elk ontwerp.<\/p>\n          <h4>Wat ik heb geleerd<\/h4>\n          <p>Goed licht zegt meer dan een dure camera.<\/p>\n        <\/article>\n      <\/div>\n      <!-- STATIC-CASES:END -->\n\n      <div class=\"playground\">\n        <div class=\"playground__head\">\n          <p class=\"mono eyebrow\">Experimenten \u2014 motion, posters &amp; fotografie<\/p>\n          <p class=\"mono muted\">Sleep of scroll \u2192<\/p>\n        <\/div>\n        <div class=\"playground__track js-playground\" data-cursor=\"drag\" data-lenis-prevent-wheel tabindex=\"0\" role=\"region\" aria-label=\"Experimenten, scroll met de pijltjestoetsen\"><\/div>\n      <\/div>\n    <\/section>\n\n<!-- STATS -->\n<section class=\"stats\" id=\"stats\" aria-label=\"Ervaring in cijfers\">\n      <div class=\"marquee\" aria-hidden=\"true\">\n        <div class=\"marquee__track\">\n          <span>Appdesign \u2726 UI \u2726 Branding \u2726 Editorial \u2726 Motion \u2726 Campagnes \u2726&nbsp;<\/span>\n          <span>Appdesign \u2726 UI \u2726 Branding \u2726 Editorial \u2726 Motion \u2726 Campagnes \u2726&nbsp;<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"bento\">\n        <a class=\"bt bt--big bt--shade\" href=\"#about\" data-cursor=\"link\">\n          <img decoding=\"async\" class=\"bt__bg\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/playground\/photo-mediacollege.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n          <b class=\"js-counter\" data-to=\"2\" data-suffix=\"+\">0<\/b><span>jaar opleiding Mediavormgeving aan het Mediacollege Amsterdam<\/span>\n        <\/a>\n        <a class=\"bt bt--wide bt--shade\" href=\"#work\" data-cursor=\"link\">\n          <span class=\"bt__strip\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/ow-cover.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/schrofer\/poster.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/mysteryland\/poster-02.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/golden-burger\/stall.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/fotografie\/straat.jpg\" alt=\"\" loading=\"lazy\"><\/span>\n          <b class=\"js-counter\" data-to=\"11\">0<\/b><span>ontwerpprojecten<\/span>\n        <\/a>\n        <a class=\"bt\" href=\"#work\/bike-spot\" data-cursor=\"view\">\n          <span class=\"bt__phones\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/04-home.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/mysteryland\/app-home.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/flow\/05-kaart.jpg\" alt=\"\" loading=\"lazy\"><\/span>\n          <b class=\"js-counter\" data-to=\"3\">0<\/b><span>interactieve app-ontwerpen<\/span>\n        <\/a>\n        <a class=\"bt bt--gold\" href=\"#work\/flexworkz\" data-cursor=\"view\">\n          <span class=\"bt__stripes\" aria-hidden=\"true\"><\/span>\n          <b class=\"js-counter\" data-to=\"5\">0<\/b><span>wervingsadvertenties op mijn stage bij Flexworkz<\/span>\n        <\/a>\n        <a class=\"bt bt--wide\" href=\"#skills\" data-cursor=\"link\">\n          <span class=\"bt__chips mono\" aria-hidden=\"true\"><i class=\"on\">Figma<\/i><i class=\"on\">Illustrator<\/i><i class=\"on\">After Effects<\/i><i>InDesign<\/i><i>Photoshop<\/i><i>Premiere Pro<\/i><i>VS Code<\/i><\/span>\n          <b class=\"js-counter\" data-to=\"7\">0<\/b><span>tools in mijn dagelijkse workflow<\/span>\n        <\/a>\n        <a class=\"bt bt--blue\" href=\"#work\/schrofer\" data-cursor=\"view\">\n          <img decoding=\"async\" class=\"bt__poster\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/schrofer\/poster.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n          <b class=\"js-counter\" data-to=\"1\">0<\/b><span>expositie + extra waardering<\/span>\n        <\/a>\n        <a class=\"bt bt--shade\" href=\"#work\/fotografie\" data-cursor=\"view\">\n          <img decoding=\"async\" class=\"bt__bg bt__bg--bright\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/fotografie\/heuvel.jpg\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\">\n          <b class=\"js-counter\" data-to=\"17\">0<\/b><span>foto\u2019s in mijn fotografie<\/span>\n        <\/a>\n      <\/div>\n    <\/section>\n\n<!-- ABOUT -->\n<section class=\"about\" id=\"about\" aria-labelledby=\"about-title\">\n      <div class=\"about__media\">\n        <div class=\"about__portrait\" data-cursor=\"link\">\n          <img decoding=\"async\" class=\"about__photo\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/img\/portrait.jpg\" alt=\"Portret van Li-Song Hoogenboom\" loading=\"lazy\" data-placeholder=\"PORTRET \u2014 voeg assets\/img\/portrait.jpg toe\">\n          <span class=\"about__tag glass glass--refract\"><b>Li-Song Hoogenboom<\/b><span class=\"mono\">19 \u00b7 Graphic Designer \u00b7 Amsterdam<\/span><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"about__text\">\n        <p class=\"mono eyebrow\">(05) \u2014 Over mij<\/p>\n        <h2 id=\"about-title\" class=\"h2\">Ik wilde niet kiezen tussen code en creativiteit. <em class=\"serif\">Dus deed ik dat niet.<\/em><\/h2>\n        <div class=\"about__body js-words\">\n          <p>Ik ben Li-Song, een Graphic Designer van 19. Ik studeer Mediavormgeving aan het Mediacollege Amsterdam.<\/p>\n          <p>Ik ben technisch <mark>\u00e9n<\/mark> creatief. Ik had bijna voor softwareontwikkeling gekozen, maar besefte dat ik bij mediavormgeving allebei mijn kanten kwijt kan: ik bouw een prototype in Figma, animeer het in After Effects en werk de beelden af in Photoshop.<\/p>\n          <p>Vooral <mark>UI-design<\/mark> spreekt me aan: uitzoeken hoe een scherm logisch en prettig werkt, tot in de kleinste knop. Een goede interface voelt vanzelfsprekend, en daar zit juist het meeste werk in.<\/p>\n          <p>Tekenen was nooit mijn sterkste punt, en juist daarom koos ik voor dit vak. Voor Golden Burger tekende ik toch twaalf illustraties zelf. En op de expositie van 100 dagen MA kreeg ik extra waardering voor het helpen van medestudenten.<\/p>\n          <p>Ik ontwerp voor \u00e9\u00e9n ding: <mark>een boodschap die in \u00e9\u00e9n oogopslag binnenkomt, en een gevoel dat blijft hangen.<\/mark><\/p>\n        <\/div>\n        <dl class=\"about__facts\">\n          <div><dt class=\"mono\">Thuisbasis<\/dt><dd>Amsterdam<\/dd><\/div>\n          <div><dt class=\"mono\">Studie<\/dt><dd>Mediavormgeving, Mediacollege Amsterdam<\/dd><\/div>\n          <div><dt class=\"mono\">Sterkst in<\/dt><dd>Apps ontwerpen in Figma<\/dd><\/div>\n          <div><dt class=\"mono\">Naast design<\/dt><dd>Fotografie en de sportschool<\/dd><\/div>\n        <\/dl>\n        <ul class=\"chips mono\">\n          <li class=\"glass\">Figma<\/li>\n          <li class=\"glass\">Photoshop<\/li>\n          <li class=\"glass\">After Effects<\/li>\n        <\/ul>\n      <\/div>\n    <\/section>\n\n<!-- SKILLS -->\n<section class=\"skills\" id=\"skills\" aria-labelledby=\"skills-title\">\n      <div class=\"section-head\">\n        <p class=\"mono eyebrow\">(06) \u2014 Vaardigheden &amp; tools<\/p>\n        <h2 id=\"skills-title\" class=\"display js-drift\">Wat ik<br>meebreng<\/h2>\n      <\/div>\n      <div class=\"skills__wrap\">\n        <ol class=\"caps\">\n          <li><a class=\"caps__link\" href=\"#work\/bike-spot\" data-cursor=\"view\"><span class=\"caps__media\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/bike-spot\/banner.jpg\" alt=\"\" loading=\"lazy\"><\/span><span class=\"mono\">01<\/span><h3>App- en UI-design<\/h3><p>Wireframes, schermen en klikbare prototypes.<\/p><span class=\"mono caps__proof\">Bekijk in Bike Spot \u2192<\/span><\/a><\/li>\n          <li><a class=\"caps__link\" href=\"#work\/one-world\" data-cursor=\"view\"><span class=\"caps__media\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/ow-spread-01.jpg\" alt=\"\" loading=\"lazy\"><\/span><span class=\"mono\">02<\/span><h3>Editorial design<\/h3><p>Covers en spreads met een sterk grid en sterke typografie.<\/p><span class=\"mono caps__proof\">Bekijk in One World \u2192<\/span><\/a><\/li>\n          <li><a class=\"caps__link\" href=\"#work\/mysteryland\" data-cursor=\"view\"><span class=\"caps__media\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/mysteryland\/poster-02.jpg\" alt=\"\" loading=\"lazy\" style=\"object-position:50% 25%\"><\/span><span class=\"mono\">03<\/span><h3>Posters &amp; campagnes<\/h3><p>Event- en artiestenposters, en wervingsadvertenties tijdens mijn stage.<\/p><span class=\"mono caps__proof\">Bekijk in Mysteryland \u2192<\/span><\/a><\/li>\n          <li><a class=\"caps__link\" href=\"#work\/golden-burger\" data-cursor=\"view\"><span class=\"caps__media\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/golden-burger\/styleboard.jpg\" alt=\"\" loading=\"lazy\"><\/span><span class=\"mono\">04<\/span><h3>Branding<\/h3><p>Logo's, iconen en styleboards.<\/p><span class=\"mono caps__proof\">Bekijk in Golden Burger \u2192<\/span><\/a><\/li>\n          <li class=\"caps__item--light\"><a class=\"caps__link\" href=\"#work\/golden-burger\" data-cursor=\"view\"><span class=\"caps__media\" aria-hidden=\"true\"><video src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/golden-burger\/stall-icon.mp4\" muted loop playsinline preload=\"none\" aria-hidden=\"true\"><\/video><\/span><span class=\"mono\">05<\/span><h3>Motiondesign<\/h3><p>Geanimeerde logo's, iconen en intro's.<\/p><span class=\"mono caps__proof\">Bekijk in Golden Burger \u2192<\/span><\/a><\/li>\n          <li><a class=\"caps__link\" href=\"#work\/fotografie\" data-cursor=\"view\"><span class=\"caps__media\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/fotografie\/heuvel.jpg\" alt=\"\" loading=\"lazy\" style=\"object-position:50% 60%\"><\/span><span class=\"mono\">06<\/span><h3>Fotografie<\/h3><p>Mijn eigen fotowerk: straat, landschap en reizen.<\/p><span class=\"mono caps__proof\">Bekijk in Fotografie \u2192<\/span><\/a><\/li>\n        <\/ol>\n        <ul class=\"tools\" aria-label=\"Tools en mijn niveau: sterk, goed of basis\">\n          <li data-level=\"3\"><div><b>Figma<\/b><span class=\"mono muted\">Apps &amp; prototypes<\/span><em class=\"mono\">Sterk<\/em><\/div><i aria-hidden=\"true\"><s class=\"on\"><\/s><s class=\"on\"><\/s><s class=\"on\"><\/s><\/i><\/li>\n          <li data-level=\"2\"><div><b>Illustrator<\/b><span class=\"mono muted\">Logo's, iconen, covers<\/span><em class=\"mono\">Goed<\/em><\/div><i aria-hidden=\"true\"><s class=\"on\"><\/s><s class=\"on\"><\/s><s><\/s><\/i><\/li>\n          <li data-level=\"2\"><div><b>After Effects<\/b><span class=\"mono muted\">Motion graphics<\/span><em class=\"mono\">Goed<\/em><\/div><i aria-hidden=\"true\"><s class=\"on\"><\/s><s class=\"on\"><\/s><s><\/s><\/i><\/li>\n          <li data-level=\"2\"><div><b>InDesign<\/b><span class=\"mono muted\">Tijdschriftlay-out<\/span><em class=\"mono\">Goed<\/em><\/div><i aria-hidden=\"true\"><s class=\"on\"><\/s><s class=\"on\"><\/s><s><\/s><\/i><\/li>\n          <li data-level=\"2\"><div><b>Photoshop<\/b><span class=\"mono muted\">Posters, collages, fotobewerking<\/span><em class=\"mono\">Goed<\/em><\/div><i aria-hidden=\"true\"><s class=\"on\"><\/s><s class=\"on\"><\/s><s><\/s><\/i><\/li>\n          <li data-level=\"1\"><div><b>Premiere Pro<\/b><span class=\"mono muted\">Videobewerking (in ontwikkeling)<\/span><em class=\"mono\">Basis<\/em><\/div><i aria-hidden=\"true\"><s class=\"on\"><\/s><s><\/s><s><\/s><\/i><\/li>\n          <li data-level=\"1\"><div><b>VS Code<\/b><span class=\"mono muted\">HTML &amp; CSS<\/span><em class=\"mono\">Basis<\/em><\/div><i aria-hidden=\"true\"><s class=\"on\"><\/s><s><\/s><s><\/s><\/i><\/li>\n        <\/ul>\n      <\/div>\n    <\/section>\n\n<!-- STORY -->\n<section class=\"story\" id=\"story\" aria-labelledby=\"story-title\">\n      <div class=\"story__pin\">\n        <div class=\"story__bg\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/div>\n        <div class=\"story__head\">\n          <p class=\"mono eyebrow\">(07) \u2014 Mijn verhaal<\/p>\n          <h2 id=\"story-title\" class=\"h2\">Van een kruispunt<br>naar mijn eerste projecten.<\/h2>\n        <\/div>\n        <div class=\"story__track\">\n          <article class=\"story__card story__card--img\">\n            <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/fotografie\/straat.jpg\" alt=\"Smalle straat met zonlicht, door Li-Song gefotografeerd\" loading=\"lazy\">\n            <span class=\"mono\">01 \u2014 Het begin<\/span>\n            <h3>Het kruispunt.<\/h3>\n            <p>Softwareontwikkeling of mediavormgeving? Ik koos de richting waarin ik allebei mijn kanten kwijt kan.<\/p>\n          <\/article>\n          <article class=\"story__card story__card--img\">\n            <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/playground\/photo-mediacollege.jpg\" alt=\"Het gebouw van het Mediacollege Amsterdam\" loading=\"lazy\">\n            <span class=\"mono\">02 \u2014 2024<\/span>\n            <h3>Mediacollege Amsterdam.<\/h3>\n            <p>Ik begin aan Mediavormgeving en ga bewust tekenen.<\/p>\n          <\/article>\n          <a class=\"story__card story__card--img\" href=\"#work\/schrofer\" data-cursor=\"view\">\n            <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/schrofer\/poster.jpg\" alt=\"Poster Grande Opening voor de expositie 100 dagen MA\" loading=\"lazy\" style=\"object-position:50% 30%\">\n            <span class=\"mono\">03 \u2014 Eerste 100 dagen<\/span>\n            <h3>Mijn eerste expositie.<\/h3>\n            <p>Een poster ge\u00efnspireerd door Schrofer, een audiotour en extra waardering voor het helpen van medestudenten. \u2192<\/p>\n          <\/a>\n          <article class=\"story__card story__card--img\">\n            <span class=\"story__collage\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/film\/ow-cover.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/golden-burger\/stall.jpg\" alt=\"\" loading=\"lazy\"><img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/mysteryland\/poster-02.jpg\" alt=\"\" loading=\"lazy\"><\/span>\n            <span class=\"mono\">04 \u2014 Jaar 2<\/span>\n            <h3>Schoolwerk.<\/h3>\n            <p>One World, Golden Burger en Mysteryland. Allemaal schoolopdrachten met fictieve opdrachtgevers.<\/p>\n          <\/article>\n          <a class=\"story__card story__card--img\" href=\"#work\/bike-spot\" data-cursor=\"view\">\n            <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/bike-spot\/bus-shelter.jpg\" alt=\"Bike Spot-campagne in een bushokje bij nacht\" loading=\"lazy\">\n            <span class=\"mono\">05 \u2014 Keuzevak<\/span>\n            <h3>Bike Spot.<\/h3>\n            <p>Mijn eerste complete app: van straatonderzoek in De Baarsjes tot een klikbaar prototype en een eigen merk. \u2192<\/p>\n          <\/a>\n          <a class=\"story__card story__card--fx\" href=\"#work\/flexworkz\" data-cursor=\"view\">\n            <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/projects\/flexworkz\/logo-wit.png\" alt=\"Flexworkz\" loading=\"lazy\">\n            <span class=\"mono\">06 \u2014 Stage<\/span>\n            <h3>Flexworkz.<\/h3>\n            <p>Stage bij een bureau voor recruitment marketing. Mijn eerste echte opdrachten: wervingsadvertenties voor bedrijven. \u2192<\/p>\n          <\/a>\n          <a class=\"story__card story__card--img story__card--cta\" href=\"#contact\" data-cursor=\"link\">\n            <img decoding=\"async\" src=\"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-content\/plugins\/lisong-portfolio-elementor\/assets\/img\/portrait.jpg\" alt=\"Portret van Li-Song Hoogenboom\" loading=\"lazy\" style=\"object-position:50% 30%\">\n            <span class=\"mono\">07 \u2014 Volgende stap<\/span>\n            <h3>Samenwerken?<\/h3>\n            <p>Laten we samen iets maken dat in \u00e9\u00e9n oogopslag binnenkomt. \u2192<\/p>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n<!-- CONTACT -->\n<section class=\"contact\" id=\"contact\" aria-labelledby=\"contact-title\">\n      <div class=\"contact__shapes\" aria-hidden=\"true\">\n        <span class=\"cs cs--circle\"><\/span><span class=\"cs cs--square glass glass--refract-soft\"><\/span><span class=\"cs cs--pill\"><\/span>\n      <\/div>\n      <p class=\"mono eyebrow\">(08) \u2014 Contact<\/p>\n      <h2 id=\"contact-title\" class=\"contact__title\" aria-label=\"Laten we het helder maken.\">\n        <span class=\"js-split\">LATEN WE<\/span>\n        <span class=\"js-split contact__title-accent\">HET HELDER<\/span>\n        <span class=\"js-split\">MAKEN.<\/span>\n      <\/h2>\n      <div class=\"contact__row\">\n        <div class=\"contact__cta\">\n          <span class=\"contact__orb\" aria-hidden=\"true\"><\/span>\n          <a href=\"#\" class=\"contact__big glass glass--refract magnetic js-email\" data-cursor=\"hi\" aria-label=\"Stuur Li-Song een e-mail\">\n            <span>Mail<br>me <b>\u2192<\/b><\/span>\n          <\/a>\n        <\/div>\n        <div class=\"contact__side\">\n          <a class=\"btn contact__form-btn magnetic\" href=\"#bericht\" data-cursor=\"link\">Stuur een bericht <b aria-hidden=\"true\">\u270e<\/b><\/a>\n          <button class=\"contact__addr mono js-copy\" type=\"button\" data-cursor=\"link\"><span class=\"js-email-text\"><\/span> <em>Kopieer<\/em><\/button>\n          <a class=\"btn btn--glass glass magnetic js-cv\" href=\"#\" download data-cursor=\"link\">Download cv (pdf) \u2193<\/a>\n          <ul class=\"contact__links mono\">\n            <li><a class=\"js-linkedin\" href=\"#\" target=\"_blank\" rel=\"noopener\" data-cursor=\"link\">LinkedIn \u2197<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/section>\n\n<!-- FOOTER -->\n<footer class=\"footer\">\n    <div class=\"footer__logo\">Li Song<\/div>\n    <div class=\"footer__cols mono\">\n      <span>\u00a9 2026 Li-Song Hoogenboom<\/span>\n      <span>Amsterdam <b class=\"js-clock\">--:--<\/b><\/span>\n      <span class=\"footer__links\">\n        <a class=\"js-linkedin\" href=\"#\" target=\"_blank\" rel=\"noopener\" data-cursor=\"link\">LinkedIn<\/a>\n        <a class=\"js-email\" href=\"#\" data-cursor=\"link\">E-mail<\/a>\n      <\/span>\n      <a href=\"#top\" class=\"footer__top\" data-cursor=\"link\">Terug naar boven \u2191<\/a>\n    <\/div>\n  <\/footer>\n\n<!-- CASE STUDY OVERLAY -->\n<div class=\"case\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-labelledby=\"case-title\">\n    <div class=\"case__wipe\"><\/div>\n    <div class=\"case__scroll\" data-lenis-prevent>\n      <button class=\"case__close mono glass\" type=\"button\" data-cursor=\"link\" aria-label=\"Project sluiten\">Sluiten \u2715<\/button>\n      <div class=\"case__content\"><\/div>\n    <\/div>\n  <\/div>\n\n<!-- CONTACT FORM PAGE -->\n<div class=\"msg\" id=\"bericht\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-labelledby=\"msg-title\">\n    <div class=\"msg__wipe\"><\/div>\n    <div class=\"msg__scroll\" data-lenis-prevent>\n      <button class=\"msg__close mono glass\" type=\"button\" data-cursor=\"link\" aria-label=\"Contactformulier sluiten\">Sluiten \u2715<\/button>\n      <div class=\"msg__inner\">\n        <div class=\"msg__main\">\n          <p class=\"mono eyebrow\">Contact \u2014 bericht<\/p>\n          <h2 id=\"msg-title\" class=\"msg__title\"><span>Stuur me<\/span> <em>een bericht.<\/em><\/h2>\n          <form class=\"msg__form\" novalidate>\n            <p class=\"msg__lib\">Hoi Li-Song, ik ben\n              <label class=\"fld\"><span class=\"sr-only\">Je naam<\/span><input name=\"naam\" type=\"text\" autocomplete=\"name\" placeholder=\"je naam\" maxlength=\"80\" required><\/label>\n              en ik zoek<\/p>\n            <fieldset class=\"msg__topics\">\n              <legend class=\"sr-only\">Waar gaat het over?<\/legend>\n              <label class=\"topic\" data-color=\"#1E3FAE\"><input type=\"radio\" name=\"onderwerp\" value=\"stage\"><span>een stagiair<\/span><\/label>\n              <label class=\"topic\" data-color=\"#DBB654\"><input type=\"radio\" name=\"onderwerp\" value=\"project\"><span>een ontwerper voor een project<\/span><\/label>\n              <label class=\"topic\" data-color=\"#2BD9A0\"><input type=\"radio\" name=\"onderwerp\" value=\"samenwerken\"><span>een samenwerking<\/span><\/label>\n              <label class=\"topic\" data-color=\"#E9644A\"><input type=\"radio\" name=\"onderwerp\" value=\"hallo\"><span>gewoon even hallo<\/span><\/label>\n            <\/fieldset>\n            <p class=\"msg__lib\">Je bereikt me op\n              <label class=\"fld\"><span class=\"sr-only\">Je e-mailadres<\/span><input name=\"email\" type=\"email\" autocomplete=\"email\" inputmode=\"email\" placeholder=\"je@email.nl\" maxlength=\"120\" required><\/label><\/p>\n            <label class=\"msg__area\">\n              <span class=\"mono\">Vertel meer<\/span>\n              <textarea name=\"bericht\" rows=\"5\" maxlength=\"2000\" placeholder=\"Waar denk je aan? Een idee, een vraag of een planning\u2026\" required><\/textarea>\n              <span class=\"msg__count mono\" aria-hidden=\"true\">0 \/ 2000<\/span>\n            <\/label>\n            <div class=\"msg__hp\" aria-hidden=\"true\"><input name=\"ls_trap\" type=\"text\" tabindex=\"-1\" autocomplete=\"off\" data-lpignore=\"true\" data-1p-ignore aria-hidden=\"true\"><\/div>\n            <div class=\"msg__actions\">\n              <button class=\"msg__send magnetic\" type=\"submit\" data-cursor=\"link\"><span class=\"msg__send-fill\" aria-hidden=\"true\"><\/span><span class=\"msg__send-label\">Verstuur bericht<\/span> <b aria-hidden=\"true\">\u2192<\/b><\/button>\n              <span class=\"msg__left mono\" aria-hidden=\"true\">Nog 4 te gaan<\/span>\n            <\/div>\n            <p class=\"msg__status mono\" role=\"status\" aria-live=\"polite\"><\/p>\n          <\/form>\n        <\/div>\n        <div class=\"msg__stage\" aria-hidden=\"true\">\n          <div class=\"msg__card\">\n            <div class=\"mc__top\">\n              <span class=\"mc__mark mono\"><span>Briefkaart<\/span> \u00b7 <i class=\"js-msg-date\"><\/i><\/span>\n              <span class=\"mc__stamp\"><b>LS<\/b><small class=\"mono\">Amsterdam<\/small><\/span>\n              <span class=\"mc__postmark mono\">Klaar om<br>te versturen<\/span>\n            <\/div>\n            <p class=\"mc__text\"><span class=\"mc__body\">Je bericht verschijnt hier terwijl je typt\u2026<\/span><i class=\"mc__caret\"><\/i><\/p>\n            <div class=\"mc__foot\">\n              <div><span class=\"mono\">Van<\/span><b class=\"mc__from\">\u2014<\/b><\/div>\n              <div><span class=\"mono\">Over<\/span><b class=\"mc__topic\">\u2014<\/b><\/div>\n              <div><span class=\"mono\">Aan<\/span><b>Li-Song Hoogenboom<\/b><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"msg__done\" hidden>\n        <p class=\"mono eyebrow\">Verstuurd \u2713<\/p>\n        <h2 class=\"msg__title msg__done-title\" tabindex=\"-1\">Bedankt!<\/h2>\n        <p class=\"msg__done-text\">Je bericht is binnen. Ik reageer meestal binnen twee werkdagen.<\/p>\n        <div class=\"msg__done-actions\">\n          <button class=\"btn msg__again\" type=\"button\" data-cursor=\"link\">Nog een bericht<\/button>\n          <button class=\"btn btn--glass glass msg__back\" type=\"button\" data-cursor=\"link\">Terug naar de site<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"toast mono glass\" role=\"status\" aria-live=\"polite\"><\/div>","protected":false},"excerpt":{"rendered":"<p>LI-SONG 000 Werk Over mij Contact EN Werk Over mij Verhaal Contact Graphic Designer Amsterdam Portfolio \u00a92026 LI-SONG HOOGENBOOM Ik [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1323,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1319","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-json\/wp\/v2\/pages\/1319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-json\/wp\/v2\/comments?post=1319"}],"version-history":[{"count":142,"href":"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-json\/wp\/v2\/pages\/1319\/revisions"}],"predecessor-version":[{"id":1939,"href":"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-json\/wp\/v2\/pages\/1319\/revisions\/1939"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-json\/wp\/v2\/media\/1323"}],"wp:attachment":[{"href":"https:\/\/lisonghoogenboom.nl\/portfolio\/wp-json\/wp\/v2\/media?parent=1319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}