/back-to-static-creative-coding

Ontwerp en maak creatieve oplossingen voor de interface

Primary LanguageSvelteMIT LicenseMIT

CREATIVE CODING

Scherm­afbeelding 2024-01-18 om 01 09 54

DOEL

Het doel van deze deeltaak is het ontwerpen (bedenken) en realiseren van verschillende creatieve opdrachten voor de opdrachtgever. De eerste twee weken heb ik gewerkt met de huisstijl van de opdrachtgever, daarna in de laatste week heb ik de huisstijl van de opdrachtgever losgelaten.


PROCESS

Analysefase 🕵🏾‍♀️

Ik ben eerst begonnen met de onderzoeksfase, het krijgen (uitkiezen) van de opdracht en daarna inspiratie opdoen om zo op ideeën te komen.

Ontwerpfase 👩🏾‍🎨

In de ontwerpfase heb ik de ideeën die ik gekregen heb tijdens de onderzoeksfase visueel gemaakt door middel van schetsen (ontwerpen).

Bouwfase 👩🏾‍💻

In de bouwfase ben ik de schetsen (ontwerpen) gaan realiseren in de code.

Integratiefase 👩🏾‍🏭

In de integratiefase heb ik de creative coding opdrachten live gezet met Vercel.

Testfase 👩🏾‍🔬

In de testfase heb ik verschillende testen uitgevoerd om de opdrachten beter te maken voor de eindgebruikers

Bekijk hier de wiki: https://github.com/Nazneen05x/back-to-static-creative-coding/wiki

OPDRACHTEN

Bekijk hier de opdrachten: https://back-to-static-creative-coding-red.vercel.app/

WEEK 1: ✨ Magical blur en gradient footer ✨

Scherm­afbeelding 2023-12-07 om 21 30 28

WEEK 2: Hysterical spooky popart menu page-transition 👻

Scherm­afbeelding 2023-12-14 om 23 43 07

WEEK 3: Bizarre ballenbak bubbelgum cascade 🎈

Scherm­afbeelding 2024-01-18 om 00 33 31

Kenmerken 🖇️

TOOLS 🧰

  • VSCode
  • Ipad (schetsen)

GEBRUIKTE TECHNIEKEN 🪚

  • HTML
  • CSS
  • Javascript
  • Svelte
  • View transitions API

Licentie 🔒

This project is licensed under the terms of the MIT license.