Web UI Designer

Description

We are looking for a freelance designer to help re-design the pages and navigation for Meteor.com’s install and tutorial pages to support the addition of many new multi-page tutorials for Meteor developers. Final deliverable should include a pixel perfect mockup (e.g. PSD) and front-end styling guidance for handoff to a Meteor web developer. Designers that have the ability to deliver PSD-to-Meteor-friendly HTML final output is a plus.

The current install section is here: https://www.meteor.com/install

The current tutorial section starts here: https://www.meteor.com/tutorials/blaze/creating-an-app

Design constraints include the current top level horizontal navigation bars; these will need to stay. The current fonts/colors will remain the same too.

The audience of these tutorials are web application developers who want to learn Meteor; the priority is to deliver practical, easy-to-consume tutorial content. The redesign should break up the current, text-heavy pages to make them more intuitive but excessive graphics/icons aren't required and are actually detrimental to the tutorial process.

Design elements we’ll need:

New Tutorial “home page”: Main landing page that lets user see featured/latest tutorials, select tutorials by technical topic or application type, and access other helpful content/tools/resources

Updated navigation for the install and tutorial experience pages

Reusable page layouts for multi-page tutorials that include code samples, screenshots, text, videos, Github links, etc.

Updated Install page layout

Suggestions for redesigning the current tools and resources pages.

As part of the selection process for this job, please be prepared submit a single low-fidelity wireframe that shows your best idea for a new navigation menu as part of the new Meteor tutorial “home page” (see description of this page in listing). Alternatively, please submit a link to any tutorial-related portfolio work.