Fotocsy
Client
Personal Project
Year
2023
Scope
UI/UX Design
Tool
Figma

Idea of the website
Who doesn't like to take photos upon finding a beautiful scene. But, What if there was a way to earn from the Images that you took for fun. The basic idea of this website is to provide a place for people to earn with their hobby of photography. The users can also search through the photos of other contributors if they like.
Design Process


Research
1. Competitive Anaysis
Looking at the competitors, I found several websites that were working on the same thing. I researched for what they were doing good and where they were lacking.

The Analysis
The motive was also to compare the features of the competitors and understand what features could be important to be included in the application I was designing.

The Feature list
2. User Persona
After Looking into the competitors, It was time to Define our ideal user that can represent our target audience, their pain points, their goals, the journey that they might have and why they are the best suited to be benefitted by this application.


Ideate
3. Information Architecture
There are two modes - Buyer and seller mode, Apart from them, There were three pages that can be navigated from Home page - Profile, Collection, and Legal documentation.

4. User Flow
The task flows included 1. Upload images and view the earnings in the seller side, and 2. View, collect and buy images in the buyer side. Both task flows were included in the main user flow.

Seller side

Buyer side
The detailed User flow that is represented below includes all the features and tasks that the users can perform while interacting with the application.
Detailed User flow

Design
5. Wireframes
Seller's side

Login

User's uploads

Profile


Upload Image
Bank account details
Buyer's side

Buyer's Home page

Individual image category

Image details
6. Style Guide

Color Palette

Typography
7. UI Screens
Seller's side

Login

Signup

User's uploads


Upload Image

Uploaded image details
User Profile
Buyer's side

Buyer's Home page

Image details