User profile design document

This document describes what fields are neccessary in the user profile.

Current situation

Here is a screenshot how the user profile looks right now.

This screenshot is from the admin point of view

![](https://hackpad-attachments.s3.amazonaws.com/apinf.hackpad.com_ENcxfFNtWkl_p.373935_1432021822591_screenshot-localhost 3000 2015-05-19 10-49-01.png)

This screenshot is from the user point of view

![](https://hackpad-attachments.s3.amazonaws.com/apinf.hackpad.com_ENcxfFNtWkl_p.373935_1432040138082_screenshot-localhost 3000 2015-05-19 15-53-33.png)

Proposed changes

We want the user interface to be as clear, crisp and minimalistic as possible.

We decided to share the profile page to four different blocks. The blocks can be either:

All on one page
All on one page, on different tabs
All on different pages

The blocks

First block: Profile information

Name
Email
Company
Profile picture
Connected social media accounts

Second block: Settings

Old password
New password
Confirm password

Third block: Billing info

Card number
Expire date
Name on card
Security code
Address line 1
Address line 2
City
State
Postal / zipcode
Country

Fourth block: Admin block

Only visible for API administrator - This way we dont have to design two different profiles.

More details later.

Design

As referred above the profile is shared to four different blocks. The blocks can be either:

All on one page

All on one page, on different tabs

All on different pages