Metro UI Style Web Application Design

Ganador
Contest winning design

¿Quieres ganar un trabajo como este?

Este cliente recibió 32 diseños web de 4 diseñadores. Eligieron este diseño web de Hype4 como el diseño ganador.

Únete gratis Encuentra trabajos de diseño

  • Cerrado - Diseño seleccionado
  • Garantía

Resumen de Diseño Web

Our organisation are currently building a new cloud based digital asset management web application. The application will allow users to upload many images, videos, and other media types and manage them in the cloud.

Our typical clients are mid-large sized enterprises (usually with more than 250 employees), but our typical users are marketing teams, graphics designers, web designers and press contacts. The design provided should be tailored to our users, not necessarily the enterprise they work for.

We are looking for a designer to come up with the design for a few key pages within the site based loosely around the Metro UI Style created for Windows Phone and Windows 8. Some examples of Metro UI in action can be found here:

http://www.fuelyourcreativity.com/10-designs-inspired-by-microsofts-metro-ui/

We particularly like the cleanliness of the design and the focus on typography. The Windows 8 "homepage" also encapsulates the Metro Ui concepts nicely, and we're sure you will have seen many other examples. Check out the Windows 8 App Store to see many real world use cases for the designs.

The pages that we would like to see in the design are as follows:

1. The homepage
The homepage of our software is what will be seen by the client once they have logged into the system. This page should include a number of "widgets" or "components". These include the following:
- Login name with login status
- A visual representation of at least 5 featured images, with 1 image receiving the main focus
- Links to all of the image categories
- Links to user functionality such as "upload image(s)", "settings" and "Sign out"
- A visual representation of most used "tags" on the site - this could be a tag cloud, or something more in line with the metro concepts
- A visual representation of recently viewed assets
- Space for our companies logo (not yet designed so a placeholder should be used) - this shoudlnt' be the main focus and should be small (maybe in the footer)
- Space for our clients logo (this should be the primary logo on the page, maybe appearing in the top left hand corner)

2. The view asset page
- For the purposes of the design, assume that an asset is an uploaded image
- This page should use the same chrome as the homepage (chrome = common website components such as logo, navigation and login status)
- The asset/image should take up the majority of the screen size, which will be dynamically resizable
- to the right of the image there should be a metadata "bar" of information that will include metadata about the image such as author, uploaded date, file type, file size etc.)
- the metadata "bar" should be expandable/collapsible based on what the users wants to see - this should be reflect in the design
- underneath the image there should be several actions that a user can complete against the image. It is up to you how these are conveyed, but we think that an icon and label for each is probably a good bet, but we're open to suggestions. The actions are as follow:
- download image (this will have a drop down menu so this should be indicated, maybe with an arrow pointing downwards?)
- edit image
- rate image (maybe shown as a rating control?)
- add tag to image
- add comment to image

3. The view category page
- This page displays all of the assets/images in a given category
- We really like the concept shown here http://blogs.msdn.com/b/b8/archive/2012/06/26/introducing-the-photos-app-for-windows-8.aspx (2nd picture down)
- users should be able to change the size of the images on the page (and thus changing the number of images displayed)
- a paging mechanism needs to be designed that will allow the user to page between screens - in an ideal world we would have similar paging to an ipad app (eg small dots that represent each page with the current page being slightly brighter). This removes the need for "page numbers". To be clear we don't like the "scroll horizontally to page" functioanlity that is common in the metro UI
- please feel free to add your own twist on this page


The above 3 pages are REQUIRED for every design, but you may submit additional pages if you think they will benefit your design (for example settings pages, other UI elements, login pages, etc.)

If required please also submit a textual description of the functionality found on each page - for example if something is not clear from the flat design images.

Objetivo del mercado(s)

The target users of this application will be marketing teams, website designers, graphic designers and press

Tipo de industria / entidad

Marketing


Mira y siente

Cada control deslizante ilustra las características de la marca del cliente y el estilo que debe comunicar el diseño de tu logotipo.

Elegante
Atrevido
Juguetón
Serio
Tradicional
Moderno
Atractivo
Profesional
Femenino
Masculino
Vistoso
Conservador
Económico
De Alta Gama
Pagos
1er lugar
US$460
Pagos de participación x 2
US$20
Total
US$500

Fecha límite del proyecto
15 dic. 2012 16:15:51 UTC
Language

Inspiración de Diseño Web
Marketplace web design, Creative inner page website design, Website design tender, Newspaper weebly theme design, Crowdfunding website design, Motivation speaker website design templates, Best hostel website design, Car share web design templates, Abstract wedding planner website design, Energy drink web design templates