Git Product home page Git Product logo

nazneen05x / lifely-the-digital-agency-getting-started-with-artificial-intelligence Goto Github PK

View Code? Open in Web Editor NEW

This project forked from fdnd-task/the-startup-responsive-interactieve-website

1.0 1.0 0.0 126.06 MB

Ontwerp en maak een responsive website voor Lifely

Home Page: https://nazneen05x.github.io/Lifely-The-digital-agency-Getting-Started-with-Artificial-Intelligence/

License: GNU General Public License v3.0

HTML 57.89% CSS 39.33% JavaScript 2.78%
artificial-intelligence digital-agency ladingpage lifely mobile-first one-page-website scroll-animate ai-design-sprint

lifely-the-digital-agency-getting-started-with-artificial-intelligence's Introduction

image

✨ AI Design Sprint ✨

image

Opdrachtgever 👥

Lifely is een innovatiebureau. We helpen organisaties de juiste technologische stappen te zetten in met onze experts op diverse gebieden. Binnen die propositie willen we machine learning lanceren.

Opdracht 🚀

Een one page (lading page) maken over de AI Design Sprint.

Design Challenge 🎨

Het doel van de opdracht was een responsive (interactie, toegankelijk) website (one page, lading page) te maken voor de opdrachtgever (Lifely). Binnen de huisstijl hadden we alle vrijheid om de website (one page, lading page) te ontwerpen en bouwen.

Gebruik van de website 📱

De website is alleen te bekijken op mobiel.

Link naar website (one page, lading page): https://nazneen05x.github.io/Lifely-The-digital-agency-Getting-Started-with-Artificial-Intelligence/

Checklist wel/niet gelukt ✅❌

Wel gelukt ✅

  • Mobile first
  • Scroll animatie
  • Alle content (tekst, beeld) staat erin

Niet gelukt ❌

  • Desktop versie
  • Carousel
  • Lighthouse (toegankelijkheid test)

Kenmerken 🛠️

  • HTML
  • Main
  • section
  • article
  • CSS
  • Hidden
  • Show
  • Button
  • Javascript
  • Figma
  • Scroll animatie

Licentie

GNU GPL V3

This work is licensed under GNU GPLv3.

lifely-the-digital-agency-getting-started-with-artificial-intelligence's People

Contributors

joostf avatar ju5tu5 avatar koopreynders avatar nazneen05x avatar suustenvoorde avatar

Stargazers

 avatar

Watchers

 avatar

lifely-the-digital-agency-getting-started-with-artificial-intelligence's Issues

Gedragscriterium Communiceren

Je kan binnen de squad ontwerpkeuzes, eigen ideeën en producten begrijpelijk verwoorden.

Nazneen heeft mij verteld over de opdracht die ze heeft gemaakt voor Lifely. Ze heeft mij uitgelegd dat het een bedrijf is dat AI diensten verkoopt en dat de pagina die ze heeft gemaakt bedoeld is om klanten aan te trekken en over te halen om een dienst bij hun te bestellen. Op de pagina wordt van alles verteld over AI en onderaan de pagina is ook een call to action om een klant over te halen. Alle inhoud van de pagina kreeg ze aangeleverd van Lifely, maar het ontwerp mocht ze zelf indelen. Ze heeft een mooi en professioneel ontwerp uitgewerkt in Figma en daarna in code, zelfs met een mooi fade-in effect gemaakt door een intersectionObserver. Nazneen kan zich goed verwoorden over wat ze heeft gemaakt. 👍

Tip: opdrachtgever (Lifely) ❤️

Donderdag 26 januari 2023, ben ik naar de opdrachtgever geweest om mijn werk te laten zien (presenteren). Ik heb geen feedback gehad op mijn gemaakte werk maar een tip!. De opdrachtgever was tevreden en blij met wat ik had gemaakt. Hij vond het niet erg dat ik geen desktopversie had.

Tip:

Ik heb als tip gekregen dat het handiger is om in componenten te werken. Want wanneer je helemaal opnieuw of een onderdeel opnieuw moet maken is het makkelijker om het snel te veranderen. Is ook veel handiger voor de klant, in componenten werken.

De opdrachtgever vroeg mij, hoe ik het zal aanpakken wanneer er nieuwe content bij moet of weg moet. Ik zei helemaal opnieuw beginnen met de code. Content pakken van de vorige code, die ik nodig heb voor de nieuwe code.

Design: Eerste img door tekst heen

Ik zou het plaatje met de grijze achtergrond een beetje lager zetten, hij gaat nu net door de tekst heen waardoor het wat minder strak staat.

design: img valt buiten kader

Hi!

Ik zie hier dat de afbeelding buiten het kader valt. Als dit niet de bedoeling is, zou ik kijken of je deze binnen de lijnen van het gekleurde blok kunt krijgen.

image

Design: logo valt een stukje buiten beeld

Hola!

Het logo zit precies bovenop de rand van het scherm. Dit zou er bij mij voor kunnen zorgen dat ik een brand minder serieus neem of wellicht niet goed kan zien welk merk het is. Je zou dit op kunnen lossen door bijv. meer padding/margin toe te passen zodat er iets meer ruimte ontstaat tussen de rand van het scherm en het logo.

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.