Moodboard

[mimi-uxui-dev]

@todo

• [x] Idea : Find inspiration for neat, clean design: results 2022.02.25
• [x] Find website that look like a game: results 2022.02.25
• [x] The logo is a Pixel Art typeOf logo, let's make a website Pixel Art themed, perhaps a game like : Make a mood board for pixel art websites : Results 2022.03.05
• [ ] The choice how to go exactly about the website or “game” depends on the slide deck with a good concept, which we need to finish first
• [ ] start checking inspirational pages and get feedback to refine concept
• [ ] collect design ideas to iterate on concept
• [ ] the “moodboards” you made in figma should be added to a public pinterest moodboard so we can link it as a result the links and other inspirational resources and work results should be attached as links to the corresponding github issue or alternatively should be in a markdown document on github itself (you would need to create a pull request) and then you link that document in the github issues
  • [ ] start checking inspirational pages and get feedback to refine concept
  • [ ] collect design ideas to iterate on concept

---

Ninas Video https://watch.screencastify.com/v/p3kdx02CVCyM8qdy6myB

[mimi-uxui-dev]

worklog video 2022.02.24-2022.02.25 website pixel art themed looks more promising

[mimi-uxui-dev]

results 2022.02.25

1. figma moodboards: (general moodboard, fonts, colors, icons and logos)
2. inspiration links:
   • https://www.hellfest.fr/
   • https://madbox.io/
   • https://www.vroomgame.com/#thegame
   • https://www.pinterest.de/serapath/wizardamigos/
   • https://phaser.io/learn
   • http://rastating.github.io/pixel.js/documentation/
   • https://github.com/tylerreichle/mario_js
   • https://2021.fanzone36.com/en/home
   • tutorial Super Mario game made with javascript

[serapath]

feedback 2022.03.01

[mimi-uxui-dev]

Worklog 2022.03.05 Part 1 Worklog 2022.03.05 Part 2 Results 2022.03.05 : HackMD File + Pintrest MoodBoard

[serapath]

feedback 2022.03.06

the moodboard hackmd and pinterest are lovely. interesting to see that it includes a pixelart editor too, that's cool. a lot of inspiration - each of the pages has some interesting elements and ideas that we might want to use or copy from, but having watched all of it, i still can't say what a good next move would be regarding the overall bigger picture of our "serious game" where everything should fit together and make sense :-)

maybe it would be easier to flesh out designs and mechanics for individual pieces, like:

1. how is a workshop made?
2. how do you see all the workshops you made?
3. how does it look like when a user goes through a workship?
4. how does a user see the workshops they already solved?
5. how does a user look at other peoples workshops?

these simples parts are easier to work on, because it is more clear how exactly that part should work when me as a creator or me as a user is interacting with it.

Keep in mind:

1. all workshops are a json file which is then turned into a themed somewhat standardized workshop view app any user can use to learn the workshop
2. every workshop is published under a unique domain with a unique theme
3. every person has their profile published under a unique domain, like people publish their own blogs and they have their own theme
4. every such unique website with its own domain can fetch some json data from other pages

maybe if we work on this and have some sketches and designs, probably even wireframes of how each of them works, the other things are easier to answer?

• like, the rest of the bigger picture emerges from that or falls into place given the puzzle pieces above that we would then have and those would therefore limit our options regarding the remaining puzzle pieces to make our entire game?

oh also: code camps

1. somebody can handpick and make a finite set of workshops into a code camp (like a "playlist of workshops") and publish it under its own unique domain. how does that look?

We should assume the people who make workshops or codecamps or profiles dont know anything about design or web development other then maybe how to upload something to their own webspace and register a domain for it so it shows

how can we make the above as cool as possible? :-)