Excellent HTML layout and design needed for a single page

Brand Name:

AstroSummaries

Check here for latest brief.

Our Need

We need you to take our existing web page that summarises some basic educational information and make it pretty!

The web page is a summary document created by a hypothetical individual who wishes to use it to revise some basic Astronomy concepts. We want you to show us how to layout and markup the various types of content (quotes, videos, images, etc.) in a way that is very beautiful.

The summary document:

• must be visually beautiful (this is our most important requirement!)

• must be in HTML format

  • use of Javascript, CSS, etc is permitted

  • use of Flash is not permitted

• must predominantly contain educational content about Astronomy

  • you may choose to use as much or as little of the example content as you like

  • you may add alternative content if it makes the overall summary more beautiful

  • don’t worry too much about the content though, we’re more interested in you showing us how we can markup & layout the content to look beautiful

• must include at least:

  • 2 videos

  • 2 small images

  • 2 large images

  • 1 audio track

  • 2 quotes

  • 1 timeline

    • see the example content for clarification

    • the example timeline is a hack - there are probably better ways to represent a timeline in a web page

  • 2 bullet lists

  • 6 URLs

  • 6 text sections

  • 1 slideshow

  • 1 (word) definition

• must look beautiful on iPads and laptop/desktop screens

• does not have to be optimised for small-screen devices (i.e. smartphones)

• should not be longer than about 10 screens when displayed on an iPad

• should look great in at least 90% of the most commonly-used web browsers (Safari/Chrome/FireFox/IE)

  • Don’t worry about quirks in uncommon versions of some browsers that might mis-render the summary

• must display an “AstroSummaries.com” logo near the top of the summary

  • this isn’t a real business logo so don’t worry about improving it

Target audience

Someone who:

• has selected unmarked-up content and wants to view it beautifully

• loves to learn

• wants a knowledge document to refer back to regularly

Values, feelings and messages we want the design to communicate

• Simple

• Beautiful

• Personalised

Goals we want the design to achieve

• Demonstrate in HTML a beautiful summary of information with contrasting emphasis and creative aspects

Colors we do and don’t like

• We like aesthetically appealing color schemes that are consistent

• Should look professional, but colourful enough to be interesting

Specific ideas and imagery we like, as a general direction or theme

• We love Apple design

Examples of other designs we do and don’t like

• We don’t like text-only articles

• We don’t like documents crammed full of things - intelligent use of whitespace is important

• We do like appropriate use of images, video, links to enrich content and make a point

• WE do like appropriate use of emphasis to enhance memory

What We Don't Want

We don't want a full web site. This is one beautiful page with excellently laid out content and extra images and other media as appropriate in order to make it beautiful, functional and interesting.