Rationale

The words we based our website around are captivating, memorable and energy. We projected these elements through the use of colour, imagery and our subtle use of pulsing lights. We wanted our website to be simplistic for our users yet still be intriguing. We went ahead with a dark navy themed website because it reflects the atmosphere at the LUX festival and not many websites have a dark background.

For us the content is more important because it makes it more user friendly, and it 'guides' them through the site in order to plan their experience.  For example the language options that are available for tourists and having a search bar for people that are looking for something specific. There are snippets of  specific aspects from the site to make it easier for people to navigate their way through it.

Memorable was more of a key word for our website because it becomes all about the user and their experiences. We wanted the user to engage through social media or even just through the site so other users could share these experiences. It becomes authentic through the users sharing their personal moments of LUX.

The pulsing lights are placed subtly around the pages just so there is a sense of depth while captivating the user. They also contrast with our background so it isn't too dark.  It also interplays with our word energy through the colours and the motion of the pulsing. Our main goal was to make it easier for the user to navigate through and obtain the info they needed yet still give an essence of what LUX is about.

- Richie, Rebecca and Sarah

Updated Sitemap & Wireframes

Sitemap

Homepage

About us

Map

Map (Pop up page)

Lightworks

Lightworks (pop up page)

Social

-Rebecca

Updated Mobile Screenshots

Grid Breakpoints

Home

-For our mobile layout of our Home, the grid will halve and turn into a one column grid.

-The footer remains the same for every page.

-There is a drop down navigation menu on every page and also an arrow on the side appears to let the user go right back to the top without having to scroll up everytime.

Map

-The map page is a one column grid like the home page.

-Has no interactive map as the mobile is aimed at people at the event wanting more information.

-Has the downloadable info for their mobile devices and schedule for them to see whats on that day.

-Footer remains the same

Lightworks

- The lightworks page grid becomes a two column grid (half of the original website 4 column grid).

-The images are still clickable and come up with a pop up that the user can exit out of or click the arrow to the next one.

-Footer remains the same

Social

- The social media also has a similar two column grid to the lightworks and maintains its original website functions.

-Footer remains the same

-Sarah