Mockup Phase 1

8/8/2019 Mockup Phase 1

http://slidepdf.com/reader/full/mockup-phase-1 1/6

Week 11 Name: _________________________________

Homework 8

Phase I - Have printed copy ready by 11/24 for review Phase II - Submit by 12 /01

Phase I and II are graded separately. Mockups for a web site for “Be the Link International.”Download the organization logo from CTools. Convert logotype to grayscale / monotone ifneeded. Target screen resolution of 1280 X 800px. Width of the layout: 950px; fixed. Navigationlabels: Who We Are, What We Do, Support (Founders, Partners, Friends, Community - dropdown menu - should be hidden for the Phase 1), Archives, Links & Resources, Video &Podcasts, Photos.

Deliverable %

Deadline met 10

Paper copy submitted (in color): submission checklistPhase I – wirefrmae-based sketches, 3 initial design mockups for the home page,color palettesPhase II – color palette (only if modified), home page mockup, home page mockupwith the drop-down menu open in the opened state, 3 sub-pages (text, gallery, andform), favicon, typography guide. Print mockups in landscape format. Do not upscalefavicon.

20

Concept: meaningful, practical, appropriate 10

Layout is coordinated with the wireframe. Labels are used appropriately. Search field isincluded. Drop-down menu, input fields, buttons are styled

Phase II – Home page and sub-pages have consistent layout and design

10

Logotype and color scheme for the site are coordinated. 10

Phase II - Typography guide: styles for body text, headers 1,2,3, bulleted lists, buttons,hyperlinks (include style for visited hyperlink as well), input fields, date, and otherelements (if used) are provided. Keep the styles consistent with the web-safe fonts.Indicate if plan to use font replacement techniques. On the mockups, styles arerendered in consistency with the typography guide.

10

Free space, balanced layout, logical alignment, grid, readability, unity 15

Phase II – Favicon (16x16px) - color-coordinated, clear, meaningful 10

Phase I and II – all files are converted to .pdf binder and uploaded to Scribd 5

Total 100

No corrections for phase I – all the changes should be completed in phase II

Phase I Phase II



Search the site Donate Us >

Across the Globe

E-mail Sign-up

Ways to Give

Takes Action

First Name:

Last Name:

Email Address: Submit >

© 2010 Be The Link [email protected] 248-987-8419

Cover StoryNews Release

We know that in Africa, for example, children of mothers whoreceive just five years of primary education are 40 percentmore likely to make it beyond the age of 50. A women withseven or more years of education has 2.2 fewer children andmarries four years lat er.>> Read more

On International Women's Day,

Let's Make a Powerful Noise

In Bosnia, we found Nada Markovic, a singlemother raising three girls.

In Bosnia, we found Nada Markovic, a singlemother raising three girls.

Who we are What we do Support Archives Links & Resources Video & Podcasts Photos




Across the Globe

E-mail Sign-up

Ways to Give

Takes Action

First Name:

Last Name:




We know that in Africa, for example, children of mothers

who receive just five years of primary education are 40

percent more likely to make it beyond the age of 50. A

women with seven or more years of education has 2.2

fewer children and marries four years later.

>> Read more

On International Women's Day,

Let's Make a Powerful Noise

In Bosnia, we found Nada Markovic, asingle mother raising three girls.

In Bosnia, we found Nada Markovic, asingle mother raising three girls.




Across the Globe

E-mail Sign-up

Ways to Give

Takes Action

First Name:

Last Name:




We know that in Africa, for example, children ofmothers who receive just five years of primary edu-cation are 40 percent more likely to make it beyondthe age of 50. A women with seven or more years ofeducation has 2.2 fewer children and marries four years later.>> Read more

On International Women's Day,Let's Make a Powerful Noise

In Bosnia, we found Nada Markovic,a single mother raising three girls.

In Bosnia, we found Nada Markovic,a single mother raising three girls.

Who we are What we do Support Archives Links & Resources Video & Podcasts Photos



Sketch 01



Sketch 02

Documents

Mockup Phase 1