Difference between revisions of "Website 2014 Redesign"
Jump to navigation
Jump to search
(Added r8) |
(r8.1) |
||
Line 62: | Line 62: | ||
# Desktop/iPad (all content, big image only) | # Desktop/iPad (all content, big image only) | ||
# Desktop/iPad (all content, project grid, no stroke on top-nav or content area) | # Desktop/iPad (all content, project grid, no stroke on top-nav or content area) | ||
+ | # Desktop/iPad (all content, big image + project carousel) | ||
+ | # Mobile (single screen) | ||
+ | # Mobile (all front page content) | ||
+ | # Mobile Flip-Out Menu | ||
+ | |||
+ | |||
+ | ---- | ||
+ | === r8.1 === | ||
+ | |||
+ | ==== Changes ==== | ||
+ | * Removed strokes on header and top of content area from all comps | ||
+ | * Added new desktop comp with a hexagonal matrix of recent projects. | ||
+ | ** Same notes as desktop comp with rectilinear matrix in r8. | ||
+ | * Added new desktop comp with slogan instead of project blurb over splash image. | ||
+ | |||
+ | ==== [https://db.tt/Je8wOopG PDF Preview] ==== | ||
+ | |||
+ | ===== Pages: ===== | ||
+ | # Desktop/iPad (all content, big image only) | ||
+ | # Desktop/iPad (all content, big image with slogan instead of project blurb) | ||
+ | # Desktop/iPad (all content, project grid) | ||
+ | # Desktop/iPad (all content, hex project grid) | ||
# Desktop/iPad (all content, big image + project carousel) | # Desktop/iPad (all content, big image + project carousel) | ||
# Mobile (single screen) | # Mobile (single screen) | ||
# Mobile (all front page content) | # Mobile (all front page content) | ||
# Mobile Flip-Out Menu | # Mobile Flip-Out Menu |
Revision as of 12:28, 5 September 2014
Property "ProjectImage" (as page type) with input value "{{{ProjectImage}}}" contains invalid characters or is incomplete and therefore can cause unexpected results during a query or annotation process.
Hive13 Project |
---|
Website 2014 Redesign |
Status: Active |
Start Date: 2014-07-01 |
End Date: ? |
The slow, arduous process of redesigning the Hive13 public facing website. The design is basically a reskin of Lvl1's site, but with less blue and more yellow. Later, we will go into the Website 2014 Implementation.
Contents
Progress
Note: PDF previews of the older versions weren't created, but there isn't too much to see in them anyway. Design mostly focussed on a cohesive desktop-centric design.
r6
Changes
- Added a basic mobile design that maps directly to the content layout in the desktop design.
- Design was drawn sized for a 320x480 proportioned screen, which basically no new phones have, but...
- Design was also drawn to show all the demo filler content.
- Added initial idea for mobile flip-out menu, but I don't like it.
PDF Preview
Pages:
- Desktop/iPad (all content)
- Mobile (single screen)
- Mobile (all front page content)
- Mobile Flip-Out Menu
r7
Changes
- Added idea someone suggested for having a multi-project carousel under the primary splash screen. (Could be implemented later. Which probably means never, but it's an idea...)
- Made Mobile Flip-out Menu all yellow.
PDF Preview
Pages:
- Desktop/iPad (all content, no multi-project carousel)
- Desktop/iPad (all content, **with** multi-project carousel)
- Mobile (single screen)
- Mobile (all front page content)
- Mobile Flip-Out Menu
r8
Changes
- Added new desktop comp with a matrix of recent projects.
- Includes one project thumb which shows the project title, a short blurb pulled from the wiki page, and a link to said wiki page.
- Intent: Shown on mouse-over (desktop) or on tap (mobile) (This is the default behavior of apple browsers concerning converting roll-over behavior for mobile.)
- Have not considered what this might look like on phone, if it's shown at all. It probably won't be.
PDF Preview
Pages:
- Desktop/iPad (all content, big image only)
- Desktop/iPad (all content, project grid, no stroke on top-nav or content area)
- Desktop/iPad (all content, big image + project carousel)
- Mobile (single screen)
- Mobile (all front page content)
- Mobile Flip-Out Menu
r8.1
Changes
- Removed strokes on header and top of content area from all comps
- Added new desktop comp with a hexagonal matrix of recent projects.
- Same notes as desktop comp with rectilinear matrix in r8.
- Added new desktop comp with slogan instead of project blurb over splash image.
PDF Preview
Pages:
- Desktop/iPad (all content, big image only)
- Desktop/iPad (all content, big image with slogan instead of project blurb)
- Desktop/iPad (all content, project grid)
- Desktop/iPad (all content, hex project grid)
- Desktop/iPad (all content, big image + project carousel)
- Mobile (single screen)
- Mobile (all front page content)
- Mobile Flip-Out Menu