{"id":16986614,"url":"https://github.com/joostf/redesign-nieuws-component","last_synced_at":"2026-01-04T19:02:56.617Z","repository":{"id":69570924,"uuid":"265506742","full_name":"joostf/redesign-nieuws-component","owner":"joostf","description":"Redesign het nieuws component van de website Het Rode Kruis (fictieve opdracht)","archived":false,"fork":false,"pushed_at":"2020-06-02T10:06:39.000Z","size":979,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-01-26T20:12:17.200Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://joostf.github.io/redesign-nieuws-component/","language":"HTML","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joostf.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-05-20T08:54:00.000Z","updated_at":"2020-12-11T09:41:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"83ad3935-91fc-41b1-beda-0d53baa1db19","html_url":"https://github.com/joostf/redesign-nieuws-component","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joostf%2Fredesign-nieuws-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joostf%2Fredesign-nieuws-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joostf%2Fredesign-nieuws-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joostf%2Fredesign-nieuws-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joostf","download_url":"https://codeload.github.com/joostf/redesign-nieuws-component/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244894322,"owners_count":20527677,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-14T02:46:25.566Z","updated_at":"2026-01-04T19:02:56.539Z","avatar_url":"https://github.com/joostf.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Redesign het nieuws component van de website van Het Rode Kruis (fictieve opdracht)\n\n## Opdrachtomschrijving\n\nUit de webstatistieken is gebleken dat er weinig doorgeklikt wordt naar nieuwsberichten. Het Rode Kruis wil graag dat de belangrijke nieuwsberichten meer gelezen gaan worden.\n\nAnalyseer aan de hand van de webstatistieken wat het probleem is en maak een design challenge en ontwerp een oplossingsrichting. Vervolgens bouw je verschillende versies van het component en test je, in de context van een webpagina, wat beter kan en welk versie het beste werkt.\n\n## Uitwerking\n\n### 🔎 Analyse \nNieuwsitems worden getoond zonder foto's. Andere onderdelen van de pagina worden wel met foto's verrijkt. Het valt op dat er bij een smaller scherm minder nieuwsitems getoond worden. \n\n### 🎨 Ontwerp \nMijn plan is om meerdere uitwerkingen van het nieuwscomponent te maken en de verschillende versie te testen. De nieuwsitems wil ik verrijken met foto's en ik wil in elke context dezelfde nieuwsitems tonen.\n\n### 🔧 Bouwen \n\n#### Iteratie 1\nFoto's toegevoegd aan nieuwsitems om meer focus te richten op de inhoud. In de mobiele context worden alle nieuwsitems onder erlkaar getoond. In plaats van een _Lees verder_ link maak ik de nieuwsitems helemaal klikbaar.\n\n#### Iteratie 2\nOm meer overzicht te creëren in de mobiele context maak ik een compactere layout voor de nieuwsitems. De foto's staan als kleine thumbnails naast de titels.\n\n### 🖇️ Integreren  \nIk heb de nieuwe componenten niet in de context van de pagina getest\n\n### 👧 Testen \nUit gebruikerstesten is gebleken dat component 1 het beste werkte ✨\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoostf%2Fredesign-nieuws-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoostf%2Fredesign-nieuws-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoostf%2Fredesign-nieuws-component/lists"}