Mockups

Assets

Primary Banner

Primary
Light
Dark

Logos

Primary	Dark	Light

Landing Page

First time login

The user would have to input their name if they are logging in for the first time.

Home

The is the page that the user will see once they login.

1. View all albums

   

2. Album menu options

   

3. Album selections

   

4. Album more info

   

Album

This is the page that the user will see once they click on an album they have access to (or they are the owner of that album)

1. All images

   

2. Album information

   

3. Photo Selection

   

4. Album Collaborators

   

5. Album Collaborator Options

   

6. Image View

   

7. Private Album

   

8. Public Album

   

Notifications

By clicking on the bell icon on top, there will be a popup that will list all activities like photo downloads, uploads etc.

Access Request

By clicking on the + profile icon on top, there will be a popup that will list all the requests that have been sent to you.

Profile

By clicking on your icon, there will be a popup to show your profile data. The user can change their photo and name. They can also go to the dashboard and logout.

Search box

1. Search box in all album view

   

2. Search box in single album (images) view

   

Upload Photo Process

1. Drag or drop images

   

2. Once the images are done uploading

   

3. Select an existing album or make an album. If the user makes an album, they can choose if its public or private. Default is public.

   

4. Options for album access

   

5. Lastly to finalize. Here the user can add collaborators, or remove images before they're stored on the database.

   

Back to Project Milestone 1