Website Development

 




WEBSITE ABOUT 

This is a movement made to educate and empower. An estimated 1.3 million cis-women enter menopause every year in the U.S alone, which includes trans folk. Society does not present us with enough great aspirational menopausal individuals, and too many groups of people are unaware of the impact menopause can have on individual's lives. 

As a result this creates an uncomfortable environment for those experiencing symptoms, especially in the work place and in public. Stereotypes of the grumpy older women next door or the irritable mother permeate and categorise menopause into a societal taboo, one which can impact an individual's ability to deal with menopause. 

Conversations around menopause and its symptoms should be made freely by all individuals, which includes cis-women, trans folk and non-binary people. Everyone is invited and encouraged to join in this conversation to create a more positive, educated and supportive society. 

The power of our bodies and what comes with this experience should also be celebrated; there are many ways in which this period of life can empower and bring great change. 

This isn't a pause, its a kickstart to a new chapter. 

WEBSITE 

> Women Empowerment Website Example of me too presents different tone in that it wants to show it provides support and empathises with the user 

> Immediate photograph to create connection with viewer and safety exit button crucial within interface 

> General sections include instagram posts section and links to other places elsewhere 



> Mock-up of website means not necessarily fulfilling all of the content and links and buttons, but general direction 
> Should include general menopause info, inspirational quotes, inspirational people pictures and about campaign 




> Text into columns to help readability but user needs to scroll to see each end of column which makes for clunky navigation, columns need to be wider 
> Large title to create instant impact on viewer on the campaign 
> Gallery of individuals joining in with the movement on social media presents the community within the campaign and encourages the viewer to want to engage 

> What is menopause should be in its own section with info, mock ups can be placed at the start of website to show the presence of the campaign and how it is out in the real world 





REFLECTION + PEER FEEDBACK 

- type at start is different sizes 
- fact at beginning remove cis-women to women and add non-binary 

> Would the viewer want to see billboards and posters at the start? They need more inspiring images
- Move the positive facts to top at start of website and make into gallery that moves between them all 

- text can be confused in menopause what is section so breaks are needed, question mark line can be used 
- selfies section has no context, text encouraging viewers to get involved and feel inspired needed 
- Symptoms links inconsistent body type used, needs changing 


IMPROVED WEBSITE  

> Entrance into website more impactful and visually engaging for viewer than the campaign contextualised with about text 
> Inconsistency in the social media links being black rather than white, but as wix provides these social links this is the faster and easier way to create it rather than make my own and with time frame wix option was used
> Positive Facts can be clicked and sends you to blogs, websites, news, podcasts etc. about menopause
> This means straight away the user is introduced to more information, more sources, more perspectives


> More context for the sliding gallery of women engaging with the movement on social media
> Encouragement for user to get involved with interactive instagram link to me no pause insta page 
> Speak Out phrase designed to create more cohesion between website and overall identity of movement as seen on positive facts with circular forms


> Dividers to ensure readability for the user on each menopause fact section 


> Use of low opacity strip creates sense of depth and sections for easy navigation between different sections and a sense of depth and layering for a more interesting aesthetic 
> Body text changed for consistency with rest of type 
> Additional buttons adde3d below each quote to enable viewer to delve into where the quote is from and read into further perspectives and ideas on menopause for positive reinforcement 


> Bottom bar additional social media links to ensure they explore these and see them at least once available 
> Powerful slogan to reinforce the tone and message of the movement


> Additional animations of new elements to create an immersive, interactive and engaging experience for the viewer 
> 'New chapter' line made to swing out like a page of a book 
> 'Speak Out' circle made to powerfully slam in from full screen 


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