Ontwerp en maak een website voor een opdrachtgever en bespreek het resultaat tijdens de Sprint Review.
De instructie van deze leertaak staan in de INSTRUCTIONS
Ik heb voor AdConnect een nieuwe website gemaakt. Zij hadden al een bestaande website, maar deze moest vernieuwd worden en toegankelijker. De website nog best rommelig en niet zo handig te beheren. Op de homepagina lees je duidelijk en gelijk waar het platform voor staat en andere informatie. Daarnaast ook buttons op de homepagina zodat de gebruiker makkelijker en sneller kan doorklikken door de website.
De pagina is desktop first ontworpen en daarna mobiel om gemakkelijker de content in te delen. Nadat beide ontwerpen klaar waren, begon ik met mobile-first ontwikkelen. Ik heb dus ook alleen gebruik gemaakt van min-width media-queries. De code is gemaakt met semantische HTML en geneste CSS.
De live website kan je hier bekijken: https://isaaceswa.github.io/the-client-website/#
De ontwerpen kan je hier bekijken: https://www.figma.com/design/RrPBiPFuo9E7nHMh4WATHk/AdConnect?node-id=49-105&t=hPONOK2G5Xo31Ofh-1
Een van de belangrijkste kenmerken die ik heb gebruikt is Flexbox. Deze heb ik gebruikt om de featured halves te maken. En om deze van column naar row te zetten wanneer het scherm groter wordt.
Ik heb de nieuws artikelen op de homepagina nu ook met Flex naast elkaar gezet, maar dit wil ik nog aanpassen naar Grid.
This project is licensed under the terms of the MIT license.