blank web design_6!26!13

7/30/2019 Blank Web Design_6!26!13

1/26

Blank Creative development 12

Website homepageNavigation menu with background showreel flm.Final frame could incorporate the Mnemonic(not included in the scope).


2/26


Website homepageNavigation menu with backgroundslideshow of static images.


3/26


Website homepageNavigation menu with background showreel flm.


4/26

grey boxes with title al-ways present, text sizes asshown here. On backend,

wed like option to inputinto non, one or bothboxes.

Jobs should be rankableon backend to appeartowards the top.


5/26

-When user clicks on a story, the tile individualy ade out and the enhanced view slides in rom the right(see ymee.us work section.)-Page should be responsive the tiles move around seamlessly as the width o the page changes size. (i.e.newsweek.com)-As lters are clicked we want the boxes to rearrang themselves uidly.-For multiple lters, users use the box, or a single group, the words will also be a link to that entire group.

Filter combinations thatarent available (i.e. we donthave any motion/stills

retouching work) shouldbe greyed out so user knowthey cannot select that com-bination.


6/26

Example o Case study with horizontal image rst. there will be some work olders that do nothave a text body (to the right o the title) written about them, in which case that space will bewhite.** the section with the tags will appear beneath the title as shown on the ollowing page.

When user click to right or le to go to new story, the story should slide horizontally of the page. they shouldalso be able to use there le and right arrows and up down. see the work section o www.ymee.us as an exampleor order o things dissapearing beore the content slides to the right/le.

(editable)itleSubtitle


7/26

the + sign in be-tween lters turnto a - sign whenmoused over en-abling someone toremove a lter- the title o theprevious and nextstories appear. Lim-ited width to 4 tagson each line, thenit drops down to a

second line


8/26

Full screen mode or a work story. All text dissapears, move to ull screen with image centered in screen, limited byheight, black on either side. ESC. should also exit rom this mode. User should be able to use arrows to go nextimages.


9/26

Full screen mode or a work story. All text dissapears, move to ull screen with image centered in screen, limited byheight, black on either side.


10/26

When usermouses overarrow, barpops up.

vertical images are boud to same width as verticals.

Bar hoversover image and

moves with useras they scrolldown. Oncereaching thebottom o theimage it locksin place.

Only the service

tags are listed belowthe client name.o be constrainedat this width, withextras spilling belowin two lines


11/26


12/26

Bar has nowclicked intoplace as userscrolls down.


13/26


14/26

Tis lter menu will showup or the rst 1.5 secsaer landing on this page,then dissapear. Each othe three service head-ing will hyperlink to thesection. Te user can alsolter which service he/shewants to learn about. Allservices will be here untilone lter item is selected,then all the other servicesections will dissapearexcept that one

Tree editable sections(service title, tag, para-graph description). I wedont ll out a tag, canthe description move up?Te height o this inor-mation bar should beexible to allow or di-erent size descriptions

Five case studies(ranked on back endby each service, i.e.top 1-5 or capture).

with links to theirenhanced work page.


15/26

Page should have static image in BG that will pull rom the homepage slideshow pool with eadh time a user returns to this page the image will change.Size o grey box to change based on how much text lls space.

Page should have static image in BG that will pull rom the homepage slideshow pool with eadh time


16/26

Page should have static image in BG that will pull rom the homepage slideshow pool with eadh timea user returns to this page the image will change.

Te order o rames should be, Brands, Magazines, Agencies, Photographers. Also, these sections should be expandablebased on how many rows o logos we have going downwards.

Te brands magazines & agencies sections will be logos whi le the photographers section should be names like shown below


17/26

Te brands, magazines, & agencies sections will be logos, whi le the photographers section should be names like shown below.


18/26


19/26

MOBILE VERSION

Initial Page:


20/26

-Purpose o this page is to give a brie overview o our company and details. Te sectionspresent are brie description, 5 work thumbnails, Services list, partial client list, partial con-tact ino: all with buttons that would take them to the ull page or that section.-As you scroll down you will see 5 stories (which wed like to be able to choose).

this would be the 5th story asthe user scrolled down..

Want to be able to edit this text





When you click menu, this drops down. Te BLANK logo at the top will always take


21/26

y , p g p yyou back to the abbreviated home page.

-As you scholl down you see the next story.

Button lightens signi-ying its selected

Want to be able to edit button text


22/26

Work Page:Will have all stories rom ull website present. Tese thumbnails would be taken rom thework page view on the ull site (can we choose how they are cropped into a square?).

Tis is the enhanced work page.-Page starts with the same thumbnail rom the work page except with the title and job name


23/26

-Page starts with the same thumbnail rom the work page, except with the title, and job namebelow it with our services, and description o scope (i any o these sections are not lled outon the backend, then this space will shrink.-Users will scroll up and down to see contents o a single story. Tey will click the le andright arrows to go to the next story.-Some o these may be motion, others will be stills.-Want to be able to choose the order o the images per story.-How is this treated when user goes to horizontal mode?

-I the story starts with a vertical image, the ino bar hovers over image and moves with useras they scroll down. Once reaching the bottom o the image it locks in place.


24/26

About Page:


25/26

gStarts of with the about section, then the brand logo section, ollowed by magazine logo, agencieslogo and photographers name sections. Tey would scroll behind the Blank menu.-Would these logos be sized down rom the ull website or would there just be 2 rows instead o 5?

Background would be static image

rom pool.

I we nd that the number ologos and length o each box istoo long on the moible version- isthere a way we could limit thenumber that appear on the moibleversion?


26/26

Contact Page

blank web design_6!26!13

Documents