Homepage Desktop mockup

By -

Using Sketch, I loosely mocked up my homepage. The purpose of this was to collate some of my already existing ideas for the website and have a page I could look at in it's entirety. I consider the homepage the most important as site visitors will commonly land on this page before any other webpage and is a navigational hub. Therefore I needed to ensure that the homepage is perfectly coded/designed to retain user engagement, hopefully convincing them to explore the rest of the site.

This is my first attempt of the homepage using some creative ideas, taking some ideas from my wireframe, colour palette and placeholder images to decide whether these aspects worked well together. After I was liking the look of this page, I decided to mock this up more seriously using my planned copy and adhering to my wireframe. 

As I begin coding the site, I imagine some aspects of this mock-up will change in order to make better design decisions. 




Popular posts from this blog

Handmaids Tale Experimentation

By -
Image
As this is a ballet adaptation, I thought perhaps I could use ballet shoes as a motif. I'm going to try to avoid making this look cliché. If this doesn't work, I may play around with the additional photograph that Dean provided us with. I purchased a pair of used old pointe shoes on a reselling app named, 'Depop' and once arrived asked my boyfriend to hold the ribbons of the ballet shoes in different positions. At first I noticed that the natural lighting was extremely dark and dull. Being a complete amateur at photography, logically I needed another light source so decided to use a smartphone camera flashlight to provide this.  We tried the lighting from different angles until we had the flashlight almost face-on to the ballet shoes. This reminded me of being in front of a spotlight at the theatre and created some amazing natural shadows. I thought the introduction of the male hand/arm was synonymous with the controlling men in the Handmaid's Tale.  The main theme ...
Read more

Platform Considerations

By -
Image
During today's introductory lecture, we briefly touched on the Degree Project assignment which got me thinking more in-depth about my final major project. While on placement, there was a large amount of discussion among my peers about our return to University. Hearing other student's ideas resulted in me starting my own thought process into which type of platform or device(s) I wanted to focus on creating for.  Originally, I was considering building an app which would include user research, prototyping and a coded creation. Although this would be an interesting project, this isn't an area I have much knowledge about. I have previous experience creating app mock-ups using myBalsamiq and prototypes using Invision however I have never coded an app before let alone published one. This gap of knowledge may hinder the development of the application and result in an incomplete project. Therefore I'm leaning towards a web design and development project instead. As I have alread...
Read more

Showreel

By -
Image
Using Adobe Premiere Pro, I cut both visual and audio elements together to suit the length of the showreel. As the video shouldn't be anymore than a minute, I decided to keep to this timeframe. This was  actually helpful as it forced me to keep projects that looked impressive or I was most proud of. I've happy with my showreel as I feel that there isn't any filler and I managed to add quite a lot of movement considering some of my work are stills/print based. After completing my showreel, I uploaded this to YouTube where I featured this on my channel. This means that my showreel will be the fist video that potential subscribers/employers will see. I decided to use a song named, Shelter by Porter Robinson & Madeon. With permission from Dean, we were allowed to use a published song or soundtrack. I liked this song in particular because it was upbeat and I thought it sounded as though at intervals that the song repeated 'wonderful' which is how I would like my work...
Read more