Money
I'm funding this myself from money I have saved from teaching maths. I am on a shoestring budget. I need to stay below $200 at the moment.  So I need to get the simplest possible website up and running.

If I attract students, after a couple of workshops I will have enough money to give it a second pass (November, $1-2k?). If the venture becomes successful I will give it a third pass (Next spring/summer, $5-10k?).

But right now I am bootstrapping my own venture.

So please design in this way: first get a skeleton up. Don't spend time finding nice pictures, nice fonts, fancy things etc. Once we have something functional, then it is time to tidy up, smarten up, etc.

About these three passes
Initial pass:
	Simple, everything is manual.
	e.g. If a student contacts me to enrol, I can manually edit the HTML to adjust the badge that counts the number of places remaining.

Second & third passes:
	Better artwork
	Reskin (maybe I will try several different themes)
	JavaScript for funky visual effects / animations e.g. https://prophets.be -- where each visual item has a delay, plus some funky .js in the background e.g. http://blisttech.com/ -- beautiful animation behind the logo, very classy.
	Course info held in database, webpage dynamically populates from this database.
	Students have login
	Course materials are online
	Eventually multiple tutors each with their own profile
	etc.

Vision

So here is my vision. It is a bit blurry at the moment. It will come into focus as we proceed.

This will take some intelligence/initiative on your part to bring it to life.

I will try and focus on WHAT I'm trying to create, without getting stuck in the HOW.  The HOW is flexible.

MOBILE FRIENDLY + Minimal text on landing page. I'm going to assume somebody has clicked on an ad (maybe while playing angry birds on their iPhone) and arrived at the website, and they have a limited focus / concentration / curiosity / patience.

MAYBE yellow & blue theme to fit logo, yellow on a blue background...

Landing page

Painting a picture
User needs to, within seconds of looking at the page, realise:
	•	weekend workshop courses
	•	in London
They need to form an idea of
	•	small class size
	•	hands-on
	•	friendly teacher / cosy environment
	•	can-do! Mental picture of succeeding / acquiring the skill
	•	WHAT it is they will be acquiring, e.g. Python, making a game in Unity
	•	Easy as 1 2 3: Each subject has 3 levels (see next bit)

3 levels
	intro (weekend)
	Intermediate(3-5 days)
	expert (7-14 days)

so there is this idea of building / progressing.

Embedded video
I will record a 1-min vid
(Stretch goal: Would be nice to have this autoplay when the user scrolls to this point)

Available courses
From the landing page I want users to be able to see a selection of available courses
	•	iPhone development
	•	Unity Games programming
	•	Machine Learning
	•	Python
	•	C++
	•	(more...)
Probably using icons, as it is really important to keep clutter to a minimum on the homepage.

Upcoming courses
Show the next three upcoming courses

For each course, show DATE, cost & # places available (initially 8)

?? IDEA / stretch goal: Flash pending/imminent/upcoming course ??
or make it bigger or somehow attract attention

(If the user clicks on any of these courses, they go to the listing for that course on the COURSES page).

Courses page

2 tables

The first one lists all the available courses, e.g.

IPhone Dev
	Level 1
	Level 2
		Instructor: pi
		Duration: 5 days
		Next scheduled course date: 5-9 Feb 2018
		Cost: £500
		Available places: 3
		Syllabus: [click to expand]
			* bla bla
			* bla
	Level 3

Unity 3D
	Level 1
	Level 2
	Level 3

etc.
Maybe this can work as a grid
Maybe the user can expand an item on mobile??  i.e. This could be too much information for a mobile user -- to have to find the course they want. Among 15 expanded courses.
Maybe each course needs its own page... Not sure yet.

The second one lists the up-and-coming events:

3-4 Sep 		iPhoneDev I
10-11 Sep 	Unity I
19-25 Sep 	C++ II

About page
Mission statement

Brief bio for tutors, initially just me and one colleague

My bio can adapt something from my http://pipad.org/ site.

Contact page

Just a simple form & email link
And a location map