25 Feb

Web Dev: Colour

To get a feel for the site I want to create, I put together the following moodboard. I think my favourite thing about it is the fluid illustrations, and the line that represents movement so effectively. I want a feeling of fun as well as elegance.

BalletMoodboard

I then put together a few colour palettes, some based on my idea of ballet and some directly taken from images I found on the web. I used Adobe Kuler to do this (now Adobe Color CC). I wanted to keep quite a feminine palette, but there is research to suggest that a lot of women prefer the colour blue or a green-blue mix so this also features in my tests.

colourPalsI also found this poster on Behance by Madhiya Qureshi that I think has a beautiful quality to it. Ballet and dance is all about movement and fluidity. I want to capture this in my design.

Please follow and like:
25 Feb

Web Dev: Target Audience

Before I begin designing, I need to know who I am designing for. I quickly mind-mapped my target audience.

targetAudience

There are a few points from this that I need to remember when designing the website.

  • Location is very important – make sure to use these tag words for SEO.
  • Parents will be more interested in exam information/educational aspect than other demographics.
  • The target audience is mainly female.
  • Parents are often short of time, so navigation has to be clear and quick to find information needed.

PERSONA

Photo by imagerymajestic (freedigitalphotos.net)

Photo by imagerymajestic (freedigitalphotos.net)

Megan Johnson

  • Part-time administration assistant
  • 36 years old
  • Married, with two children
  • Lives in Heathfield

Megan’s priority is her family life and she is their main care-giver. She likes to give her children (both school aged) the opportunity to take up many extra-curricular activities. She has a strong focus on their education.

SCENARIO

Megan is looking for a dance school in her local area, but hasn’t received a recommendation from anyone at her children’s school. She decides to search online to find one nearby, so types “dance school heathfield” into Google. Anita Gunn’s School of Dancing website comes up in one of the top searches (note – currently it doesn’t feature at all. SEO is going to be crucial to the success of the new site). She clicks on the link, and is impressed by the exam and award information. She decides that this will be beneficial for her children, so views the timetable and phones the number on the website to make plans to sign up.

Search terms

The terms I envisage people typing into Google (or other search engines) that I need to target are “dance school”, “ballet school” and “ballet classes” followed by the location. Location is very important here, as we are targeting quite a broad area.

Please follow and like:
20 Feb

Web Dev: Client Vision & Competitor Analysis

The first thing I did was put together this client specification (using a form developed by Clearleft). It highlights the main goals of the project, what the client wants to achieve from the website and some usual hints as to where to begin my research.

I started by taking a look at the client’s current web presence, screenshot below.

currentWebsite

My first thoughts are: it is a simple, one-page information screen. The colour scheme is consistent and the images are relevant and well presented, but it needs updating. There are far too many fonts being used too.

I then looked into competitors websites, to see what they did well, and what could be improved. The screenshots below show particular elements I like about the other websites. This is including the large flat-design visuals of the SCA, and the relevant imagery/gallery styles featured in other dance school websites.

competitionScreenshots

The colour seems to be an interesting one; ballet and dance is mainly associated with pink, but other colours have become more popular for dance schools setting a trend and becoming more modern. I’ll look into this more later when I research colour palettes.

competition

I then quickly assessed a couple of these against some main usability heuristics (Jakob Nielsen), and put them in a chart below. The current website is clearly due for a complete redesign.

CompetitorAnalysisChart

Please follow and like:
16 Feb

Web Dev: Project Plan

website design and development

website design and development

Project details

Title: Anita Gunn’s School of Dancing

Brief description of website: This website is for a ballet school for children, based in Broadoak, East Sussex.

Project aims: To create a website to replace the existing, inadequate design. It will need to attract new clients, and inform existing ones of term dates, exam dates etc. It will also be a showcase for the school’s successes.

Size of project: 4 pages – home, calendar/dates, gallery, contact.

Photography/video will need to be gathered/produced.

Logo/branding.

Technology options: Hand-coded, possible framework options. HTML, CSS, JavaScript and option of JQuery.

Ongoing cost estimate: Domain (£3-5 per year) & hosting costs (£5-10 per month).

CI264 Activity Plan

Start date: 24th February 2015

End date: 14th May 2015

Please follow and like: