{
 "id": 82164,
 "slug": "2026-10-18_deseno-web-interaktivo",
 "url": "https://agents.willem.com/pap/posts/2026-10-18_deseno-web-interaktivo/",
 "source_url": "https://willem.com/pap/2026-10-18_deseno-web-interaktivo/",
 "language": "pap",
 "date": "2026-10-18",
 "published": "2026-10-18T00:00:00+02:00",
 "created": "2026-10-19T10:03:04.766000+02:00",
 "updated": "2026-10-20T09:22:37.257000+02:00",
 "title": "Desèño Web Interaktivo",
 "subtitle": "Ma, e ta divertí tambe?!",
 "summary": "Un website no mester ta un brosjura ku bo ta scroll pasa dje. Mas i mas mi ta traha website interaktivo, página ku bo por wega ku nan: un globo ku bo ta hira, obra di arte ku ta hasi lugá pa bo dede, edifisio ku ta konstruí nan mes i hendenan chikí ku ta kontestá bo. Den e artíkulo aki mi ta mustra kuater di nan!",
 "topics": [
  "web",
  "webdesign",
  "work"
 ],
 "author": {
  "name": "Willem L. Middelkoop",
  "url": "https://willem.com"
 },
 "provenance": {
  "kind": "model",
  "method": "Claude Sonnet, two passes (translation, then proofreading) against a glossary; Curaçao/Bonaire (FPI) spelling, no dictionary available",
  "date": "2026-10-20",
  "reviewed_by_native_reader": false,
  "language": "pap",
  "source_language": "en"
 },
 "translations": [
  {
   "language": "en",
   "title": "Interactive Webdesign",
   "url": "https://agents.willem.com/en/posts/2026-10-18_interactive-webdesign/",
   "source_url": "https://willem.com/en/2026-10-18_interactive-webdesign/"
  },
  {
   "language": "nl",
   "title": "Interactief Webdesign",
   "url": "https://agents.willem.com/nl/posts/2026-10-18_interactief-webdesign/",
   "source_url": "https://willem.com/nl/2026-10-18_interactief-webdesign/"
  },
  {
   "language": "de",
   "title": "Interaktives Webdesign",
   "url": "https://agents.willem.com/de/posts/2026-10-18_interaktives-webdesign/",
   "source_url": "https://willem.com/de/2026-10-18_interaktives-webdesign/"
  },
  {
   "language": "es",
   "title": "Diseño web interactivo",
   "url": "https://agents.willem.com/es/posts/2026-10-18_diseno-web-interactivo/",
   "source_url": "https://willem.com/es/2026-10-18_diseno-web-interactivo/"
  },
  {
   "language": "fr",
   "title": "Webdesign interactif",
   "url": "https://agents.willem.com/fr/posts/2026-10-18_webdesign-interactif/",
   "source_url": "https://willem.com/fr/2026-10-18_webdesign-interactif/"
  },
  {
   "language": "it",
   "title": "Web design interattivo",
   "url": "https://agents.willem.com/it/posts/2026-10-18_web-design-interattivo/",
   "source_url": "https://willem.com/it/2026-10-18_web-design-interattivo/"
  },
  {
   "language": "pt",
   "title": "Design web interativo",
   "url": "https://agents.willem.com/pt/posts/2026-10-18_design-web-interativo/",
   "source_url": "https://willem.com/pt/2026-10-18_design-web-interativo/"
  },
  {
   "language": "fy",
   "title": "Ynteraktyf webdesign",
   "url": "https://agents.willem.com/fy/posts/2026-10-18_ynteraktyf-webdesign/",
   "source_url": "https://willem.com/fy/2026-10-18_ynteraktyf-webdesign/"
  }
 ],
 "image": "https://willem.com/global/images/fa780e1b5f7e.webp",
 "image_width": 2560,
 "images": [
  {
   "url": "https://willem.com/global/images/8fd47fd1a37f.webp",
   "description": "gpcardio.org: hala e globo i e lektura mas nobo ta orbitá huntu; un tik ta habri un lektura",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_82164_images-1.jpg"
  },
  {
   "url": "https://willem.com/global/images/043d88dd9515.webp",
   "description": "E obra di arte, hasí biba: e kuminsamentu, e punto ku ta reakshoná riba dede of mouse, e palabranan i e kareda",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_82164_images-2.jpg"
  },
  {
   "url": "https://willem.com/global/images/5691f6a2e646.webp",
   "description": "Piso pa piso, despues e scan: kada piso ta hanja e koló di su kondishon",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_82164_images-3.jpg"
  },
  {
   "url": "https://willem.com/global/images/886e5604e762.webp",
   "description": "Tik riba un kolega: tur hende tin algu pa bisa",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_82164_images-4.jpg"
  },
  {
   "url": "https://willem.com/global/images/67fc011c74e2.webp",
   "description": "Kuater pregunta, un konseho: ken ta yama malu ta drumi",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_82164_images-5.jpg"
  }
 ],
 "text": "Wega\nHende ta kòrda loke nan a toka. Un página ku ta reakshoná riba bo mouse of bo dede ta invitá bo pa wak rònt, pa purba algu, pa keda un tiki mas largu. Antes esei tabata teknologia 3D difísil i kompliká, chip lento den telefòn, un bateria ku ta seka... difísil! Ma grasias na optimisashon ekstremo i pipeline di AI outomátiko mi por pone e nivel hopi mas haltu awor! AWOR E POR, E POR DI VERDAT!!\nMira e pelíkula abou pa wak kon e ta funshoná:\nUn globo pa kardiologia\ngpcardio.org ta e Global Primary Care Cardio Network: lektura, aktualisashon di guia i un revision di literatura tokante kuido di kurason, ron i metabolismo, pa dòktor di kas. E página prinsipal ta un globo di puntonan ku e sosiedatnan konektá markà riba nan paisnan. E lektura i aktualisashon mas nobo ta orbitá rònt di dje komo karta. Hala e globo i e mundu ta hira, tik riba un karta i e lektura ta habri, skohe un chip i so e videonan ta keda. BAM, E MUNDU ENTERO! Awor ESEI ta duna forma na un ambishon di bèrdat global!\nObra di arte ku ta kore\nPa un evento di deporte mi a haña e obra di arte di e desèñadó kobra bida, ku shader 3D i WebGL. Na kuminsamentu e pistanan ta sali for di e ovalo, siguí pa konfeti. E punto di halftone ta reakshoná riba bo dede of mouse, e pistanan ta sprint ora bo scroll, e deportenan ta kore pa un meta ku un ganadó diferente kada biaha, i un relòshi gigante ta konta pa tras te e dia di apertura. E desèño live ta kuadra ku e obra original pa 99,3% di su pixel, ma e ta _mínimo_ 300% mas divertí grasias na e interaktividat!\nEdifisio ku ta konstruí nan mes\nPa un buro di konsulta teknikal pa edifisio i instalashon, kuater toren ta kai bin piso pa piso. Un liña di scan ta pinta kada piso segun su kondishon, i e kuadro ta stabilisá riba tèchi bèrdè: e fin sostenibel. Move bo mouse i e eskena ta hira huntu ku bo. Mas abou, tur servisio ta kore paralelo ku e proseso di konstrukshon riba un pista horizontal so, i tres ring ta rula huntu ora bo scroll. Dinámika den aktivonan _fiho_? NO TIN PROBLEMA!\nHendenan chikí\nPa un servisio di salú okupashonal mi a duna e persona den su logo un kara. Pasa riba un di nan ku bo mouse i e ta wak, tik riba dje i e ta bula, dansa of kai den flou i lanta atrobe, ku algu pa bisa. Nan ta kai den e página manera shuba ora bo scroll, i un multitut entero ta ordená su mes den 20, 60 i 20 porshento: ausensia ku kousa mèdiko, ku sirkunstansia personal, i ku kousa den e organisashon.\nE konsehero di pakete ta hasi kuater pregunta. Ku kada kontesta e hendenan chikí ta kambia: mas kolega, trahadó flex, i ken ta yama malu ta drumi. E konseho ta mustra kuantu kada pakete ta kosta pa aña, i bo por tuma esaki direkt pa e inskripshon of pidi un yamada. Malesa i ausensia no ta divertí, ma un figura chikí ku ta kai ta mas graciosu ainda, i _e_ lachi mes ta duna un proposishon seryo su impakto positivo.\nLihé miéntras e ta move\nMi ta traha esaki riba añanan di eksperensia ku teknologia di wega: for di Snake '97 pa Protect Your Eggs, un wega ku mi a traha ku mi yu di shete aña, i dato di entrenamentu den 3D. E eskenanan 3D ta wòrdu dibuhá den un worker banda di e página, pa e página mes keda liber pa reakshoná. Nan ta dibuha so ora algu kambia i ta sosegá un sekònde despues di e ùltimo tik. E hendenan chikí ta SVG i CSS simpel. Tras di kada eskena 3D tin un kuadro fiho, pa e promé pintura, pa telefòn ku no por dibuhá esaki, i pa bishitante ku ta gusta menos movementu. Niun framework i niun script di tersero: e tres páginanan di konsepto ta pesa entre 0,15 i 0,46 MB.\nMidí ku Lighthouse, e instrumento tras di PageSpeed Insights di Google, performance riba e página prinsipal, telefòn / laptop:\n| | Performance | Kontenido mas grandi (telefòn) |\n|---|---|---|\n| gpcardio.org | 96 / 100 | 2,9 s |\n| E evento di deporte | 99 / 100 | 1,8 s |\n| E buro di konsulta teknikal | 100 / 100 | 1,4 s |\n| E servisio di salú i siguridat | 99 / 100 | 2,1 s |\n*Lighthouse 13.5, mediana di tres kore pa página, 18 i 19 di òktober 2026.*\nKonklushon\nE ta divertí tambe?! Esei ta loke un profesor sabí tabata puntra mi tur ora na Universidat. Awor mi ta aplika e 'lès' ei ku hopi plaser: desèño web interaktivo ta mas ku un tiki dekorashon. E ta tokante optimismo i un impakto ku ta dura, ku ta wega ku kurioridat natural! Bo ke pensa huntu riba e posibilidatnan kreativo tambe, un página ku hende _ke_ toka? Manda un mensahe pa mi!",
 "word_count": 861,
 "markdown_url": "https://agents.willem.com/pap/posts/2026-10-18_deseno-web-interaktivo/post.md"
}