Photo Storage Service - Web Application

Winner
Contest winning design

Want to win a job like this?

This customer received 39 web designs from 13 designers. They chose this web design from MIND as the winning design.

Join for free Find Design Jobs

  • Closed - Design Selected
  • Guaranteed

Web Design Brief

This is web design for a simple photo storage service.

There is a web page and on the left side is a list of folders and on the right side there are photo thumbnails. By pressing a photo thumbnail, they will see the full size (it's just a link to a different page).

This project is limited only to ONE page, which is the page with the folders list and the thumbnails. However it contains some features that I will try to list here:

- Name of the service: Myra Cloud

- Location of account: http://username.myra.cloud

- Folder list: Show all folders belonging to the user. Because you have to be able to drag photos to a folder, they have to be visible and cannot be hidden behind a menu item etc.

- Thumbnails with photos (in the future also videos)

- Adjusted view with smaller thumbnails and less space for folder list (so it is possible to view a larger quantity of thumbnails)- Select multiple thumbnails with rectangle- Show that a thumbnail is selected (maybe bold border?)

- Simple mobile view, but no emphasis on the mobile view in this design project.

- Drag one or more selected photos to a folder

- Delete one or more selected photos

- Drag a folder to another folder

- Rename folder

- Delete folder

- Create folder

- Show progress when deleting/moving (because it calls for every photo, so if there are 100 photos, it will delete 1 by 1 and it will take about 10 seconds - you could show progress bar or equivalent)

Background information: This is for a photo storage service NOT intended for sharing photos, but intended to indefinitely store photos and for yourself to browse your own photos.

It is a design requirement that it loads extremely fast. So we need to limit as much as possible extra graphics that cannot be done by CSS and other external libraries.

(I know this is ONLY design and nothing to do with CSS or libraries, but I can assess from the design if it might be heavy to load when implemented)

I have attached a crude screenshot of the current design, just for your understanding. It should not match this design and you are not in any way supposed to FIT your design into this same style or structure.

Target Market(s)

Consumers

Number of Pages Required

1 page


Font styles to use
Sans Serif

Look and feel

Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.

Elegant
Bold
Playful
Serious
Traditional
Modern
Personable
Professional
Feminine
Masculine
Colorful
Conservative
Economical
Upmarket

Files
Download all files - 1.7 MB
PDF