File Manager Web Application - Design Mockup

Create graphical mock-up images based on a detailed design document.

The detailed mock-up will be provided to the winning bidder.

A PSD will be provided of our current template design / colors. You will need to modify this PSD and place the mockup file manger in the content area.

We will need the following 5 mockups to be created:

1. File manager - Viewing a folder, no files or folders selected

2. File manager - Viewing a folder with a file selected

3. File manager - Viewing a folder with another folder selected

4. File manager - File Selected - Share the file expanded

5. File manager - Change a files expiration date.

The folder being viewed will contain the following files sorted alphabetically:

1. PDF - [url removed, login to view]

2. Image - [url removed, login to view]

3. Word Doc - Project Scope [url removed, login to view]

4. Image - [url removed, login to view]

5. Folder - Progress Photos

6. Private Folder - System Revisions

7. Private File - MsProject - [url removed, login to view]

8. Zip - Zip file - Alans Updates to [url removed, login to view]

9. Exe - [url removed, login to view]

10. Tar - [url removed, login to view]

11. Visio Doc - Network Topology September [url removed, login to view]

12. Execl Doc - Master Time Sheet [url removed, login to view]


The goal of this project is to create a simple and clean web based file manager application based on PHP Codeigniter and JQuery to replace our existing file manger system. The interface will needs to feel very intuitive to the user and should mimic file mangers like Windows Explorer.

We cannot rely on a keyboard or even a right click option. This application should be fully usable from a tablet, android or Ipad device.

Required Features:

· Select a Single File

· Select Multiple Files

· Create Folders

· Delete Files / Folders

· View Trash Bin

· Rename Files / Folders

· Navigate Folders

· Move Files / Folders (drag and drop)

· Display Folder structure breadcrumbs

· Make folders / files public or private

· Share a folder / file (Email, Linkedin, Facebook, Twitter, Gmail )

· Track the number of times the file was downloaded

· Display if the file has been virus scanned and when it was last scanned

· Que a file to be virus scanned again

· Displays Icons of file types or preview images

· Change a files Expiration Date

· Display the file size

· Set a files status message

Skills: Graphic Design, User Interface / IA

See more: file manager mockup, mockup user interface codeigniter, design mockup codeigniter user interface, windows 10 icons, web template png, web template icons, web system design, web structure design, web simple design, web message design, web facebook design, web explorer, web design master, web design folder structure, web design exe, web design drag and drop, web based design, web application icons, web application graphic design, virus on android, virus android, types of graphical design, types design, time track application, tablet graphic design

About the Employer:
( 100 reviews ) Calgary, Canada

Project ID: #1243555

Awarded to:


Hello there. I'm pretty sure I can be of help in this project. Kindly check the private message i sent. Thanks.

$225 CAD in 5 days
(22 Reviews)

2 freelancers are bidding on average $233 for this job


Hello sir, thank you for inviting me. I'd like to present you few details about myself: I'm 22 years old. I strive to design remarkable websites. As I pay attention to details I believe that makes me great d More

$240 CAD in 3 days
(1 Review)