go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back go back

here is what has influenced me

There is definitely commonality across these influences, most commonly its their design approaches and the exploration of type. I definitely want to develop on my interactive coding skills to create more p5.js sketches that are more creative than my circle drawing code or go beyond using pre-established snake game code and editing the styling.

Before I started 2B, I was quite the visionary. Hoping that I would create a website that needed the user to enter 'a secret' to be allowed into the website, and once they entered there would be a moving graphic that is a visual representation of that secret. This was easier said than done, and I realised that my main focus should be to work on the website's wireframe and actual user experience. So, for now we have a user friendly website, that has the potential to hold some more creative and interactive code. This also explains why so much of my research and inspiration is focused on visual layout and website design. The more complicated p5.js sketch inspiration sit in here as a goal, I don't feel like my website reflects the skill shown in many of those sketches, but, I can dream.

Image1 click image to see it yourself
I love the Spazio Lampo website, it's so simple and clean, yet the design is so effective. The use of type and the way the website is laid out is so visually appealing.
Image2 click image to try it yourself
I love the simplicity of Benjamin Nespoulous' website. The reduced colour palette, and subtle interactive elements on the website create an elegant and smooth design which I really like, I tried at times to emmulate.
Image3 click image to try it yourself
Jackie Liiu's CodeWords project, Oscillate, is illustrative of a super fun and simple interactive p5.js sketch. I absolutely love the yellow and the typeface, those definitely drew me in. But the extra secret text elements that slowly revealed themselves as you interacted with the sketch were so cool, and I want to learn how to do that.
Image4 click image to try it yourself
Naoki Tsutae's 'Grid Spreading' interactive sketch almost feels like, as the user, you're creating ripples in water.
Image5 click image to try it yourself
I have no clue how to find the hidden words, or even if there are words hidden that can be found in Fergus Arundel's CodeWords project, Cells, regardless, I find the design and the interaction between the 'cells' themselves and the design and the user incredibly creative. The movement it encapuslates is something I hope to figure out.
Image6 click image to see it yourself
The Big Issue's website is super simple, clean, and user friendly. I think that their online presence is super palatable and easy to navigate. I specifically like the section, pictured above, due to their grid system and use of colours. Grid systems were definitely developed after seeing this website.
Image7 click image to try it yourself
I found the glitchy and 'wobbly' text in this site are incredibly visually engaging. I would love to create a p5.js sketch that has text be responsive to the user's interaction in some capacity.
Image8 click image to see it yourself
Talilah's design layout is so visually appealing. I love its simplicity and user friendly design, I most definitley inspected her code to help me build upon my grid systems (well, my attempt at grid systems). Reading code by someone of a similar skill level truly helped me understand how to build my website better.
Image9 click image to try it yourself
Kristine Gudmundsen's CodeWords project was such an interesting approach to 'revealing' type. It's such an easy interface to use, I hadn't had such a smooth experience moving through a multi-dimensional web-space merely with my trackpad.
Image10 click image to try it yourself
This CodeWords project is so beautiful. The soundtrack that plays, while rain falls on the screen. And the interactive concrete poetry element, where the text is made of particles that when clicked the move to create a new word, its so romantic.
Image11 click image to try it yourself
I love Verena Michelitsch's website. Again, I love the simplicity. I definitely took inspiration from her website when I was designing my own, specifically the navigation system and cementing my desire to have a grid layout.
Image12 click image to try it yourself
The bright colours of Hii Mag's website are amazing, I love their intensity and that they don't hold back. There are subtle affordnces for the user, when hovering over the articles a little 'read me' pops up which is super cute
Image13 click image to try it yourself
I really love the concrete poetry-esque approach to this website layout, and that the text is constantly moving, but remains user-friendly. Again, simple, subtle, and effective design.
Image14 click image to try it yourself
Raffaele Alfano's p5.js sketch explores visually representing sound. This I am really interested by, which is shown in some of my p5.js exploration. I would love to explore more with sound input, text, and a visual output.

Image15 click image to try it yourself
Pierre Marzin's sketch is another cool and simple p5.js example, I really enjoy the 'pinching' aspect of the sketch.