Development 8

 Minor UX changes 

> As developments continue fresh perspectives on layout and interaction continually are made as I look at it 

> Tips n tricks too small text, but if the image is made larger scrolling down through the artcile makes it more clunky than being able to see most of the article on the page when hovering over the tips n tricks element 

> Therefore went back to the design and enlarged the tips text on the original image so that the hover box can be small but the text larger 




Main website page Development 


> If you interact with image on wix main page it starts on separate page through link half way down then scrolls up to the top
> This means all the pop up elements already have popped up, and so it loses a lot of its animations 
> Not sure there is any way to solve this? Wix issue?



Things needed 

> Name + design of this at top of website (with description of UX) 

> Explicit pop up box for start of website 

> Singles newspaper link at start (means changing project pages order)

> Joely + lydia articles

> 4 more Tik Tok sister images for Rotating Gallery 

> pictures of people's cats in gallery 

> Corona virus poster link 

> Finishing website on glitching break up vibes 



> Don't think a whole other website page for the corona subverted posters is smart as there are only two of them, they are more like an additional fun pop up for the main page 

> How can I link them on the main page in a hover/pop up?

> What would posters be in in a digital format? Folders?

> This may be too pixelated in aesthetic and makes the cockrona 3D rotating symbol feel inconsistent 

> Peer Feedback = Use apple folders aesthetic like used in background, green type feels too garish 


> Subversion of posters as aligned to sexual deviancy of young people stuck in lockdown and mistakes they've made with exs as a result of being isolated and lonely 
> Subversion emphasised with glitch type in this section to show something not right, government statements going wrong 
> Type same as that used on government campaigns as legible and quick to read 
> Does not work on the background but this will change 

> Want to create a metallic rotating medical cross gif so that the overall area feels cohesive with the cockrona motion video at the top 


> Cat Gallery: Lots of low quality cat selfies to present that grungy at home smothering your cat with your loneliness vibe 

> Surrounding cat gifs create motion and more visuals and communicate to the viewer about the cats being there for entertainment and love with the love hearts 

> Additional pixel bubbles contextualising this gallery of cat pictures 


Explicit pop up box for start of website 

 
> pop-up window effect found through the use of lightboxes on wix
> created the cross exit function to coincide with the red exit box on the actual pop-up error message box 
> also made it so that if the viewer clicks anywhere once seeing the message it will disappear, to ensure that the navigation is easy into the website 

Background Change 


> Background should be less detailed to allow the foreground elements on main website page are legible and easy to follow
> Basis on one of Joely's collage pieces that uses gradient mapping and similar pink and orange tones to create a textured one colour aesthetic piece 
> Additional elements to create tone and context on the website (middle finger up cursor, peach and aubergine emojis, pixel sand timers, message bubbles etc.) 
> Peer Feedback 
Feels too one dimensional, is this orange tone the right colours? 
Items in the foreground could be more coloured 
More pixelated digital vibe would be more reflective of the overall website topic and direction, rather than this print texture aesthetic 



> Blue tones more appropriate for a digital aesthetic 

> More dimension between background and foreground, but use of different layer styles, opacity and gradient mapping allows all elements to interact with each other and make it feel like a 3D space rather than a 2D image 

> Range of colours will mean every section is consistent with background 

> No text and just use of visuals means all website sections will stand out above background (tested and successful) 


> All different sections work successfully on new background, everything is more legible and the colour choices and dimensions of it mean it feels more like a digital space than before 
> Flow of all sections and UX works well on main page 
> Gaps to be filled with coming content 


TO DO

- Finishing website on glitching break up vibes (or bringing the whole website to a more finished close, is there something we want the viewer to think about? To do?)

- Lockdown name and intro story 

- Wait for Joely's stuff for other peoples' articles 

Comments

Post a Comment

Popular posts from this blog

Development 10

Image
 To Complete Website: > Name Love.jpeg created into artwork for starting page  > Lydia Article  > Joely Article  LYDIA + JOELY COLLAGE PIECES FOR ARTICLES  So - During lockdown 0.1, I found myself happily single and most definitely enjoying a little bit of me time… I was adamant that nobody was going to distract me from this intense period of isolation. One day I decided to go on a walk round the park (by myself of course). All of a sudden I find myself bumping into an old family friend’s son. This is someone who I have fancied since I was a kid, and admired from a far… We got chatting and ended up having a socially distance convo for about half an hour. FYI - I knew this person had a GF… When I got home and checked my phone, he had slid into my DMs and we started texting. One thing lead to another - he ended up confessing he’s been in love with me for years, he split up with his girlfriend the next day and we also got a private apartment in town where ...
Read more

Identity EVALUATION

Alike to GAIA EXRTH, it was disappointing not being able to complete the brief within the timescale set out. I recognise that I like working a lot on passion projects and pushing them further and further, to the point that perhaps the goals I set are unrealistic or I spend too long on one level/area of the project. In this case this was a research brief and I set out to spend a lot of time doing research and testing ideas. I found this a more difficult brief to do within the covid landscape and felt less inspired, as I wanted to go out into the world and look at things, ask people, visit places and so on. This meant this project took a back seat and by the end of the year revisiting it so late on meant there was no time to fulfil the visions I had for the project. It's exciting however to have so many projects I'm interested in to be continuing after uni as it means I can keep the momentum up of designing and producing more ideas and more work. The overall concept of this inter...
Read more

PPP Task 1 Research

Image
  LAYOUTS and UX I've noticed design studios use for their sites: 1. Simple white layout or black and white layout, sans-serif bold text, no specific logo or style present, scroll down box images of each project 2. Introductory logo used as image window or general logo, interaction leads into actual site  3. More interesting layout utilises UX more and guides the user through the different areas with seamless arrows  4. Either all the outputs are seen together collectively small, or they are large, independent, you have to scroll/click through to get to different briefs  STUDIOS that produce work I'm interested in: YES — Featured - Mostly do site designs and UX which is something I have only touched on - But their aesthetic and direction is really similar to where I would picture myself going, feels very artistic, has touches of fine art there rather than other studios which feel extremely one dimensional graphic design, super commercial branding  - Work with lo...
Read more