Design - Web-client - User profile

dappros / ethora

A 'super app' engine for your project. React Native (iOS, Android) and React.js (Web, desktop). Social Sign In 🄵, Messaging 💬 (chat, voice, push notifications), Web3 Wallet 🪪 (profile QR, documents, coins, NFT), DLT 🔐 (provenance, crypto signing), Gamification 🤩, Social Commerce and more.

https://ethora.com/

GNU Affero General Public License v3.0

398 stars 74 forks source link

Design - Web-client - User profile #547

Closed dzinzyura closed 1 month ago

dzinzyura commented 4 months ago

Goal: Revamp the user profile screens on our web-client platform to enhance usability and user satisfaction.

Affected metric:

UI / UX enhancements
Usability enhancements

Description: Implement new designs for Ethora web-client user profile screens.

Current designs

Own profile (scrollable page): telegram-cloud-photo-size-2-5341819653065921697-y

Share profile: telegram-cloud-photo-size-2-5341819653065921699-y

Edit profile: telegram-cloud-photo-size-2-5341819653065921700-y

Items provenance: telegram-cloud-photo-size-2-5341819653065921702-y

Transactions: telegram-cloud-photo-size-2-5341819653065921703-y

Other user profile: telegram-cloud-photo-size-2-5341819653065921748-y

polipivnenko commented 4 months ago

A version of the personal and other user's profile screen. Personal profile edit screen (with locked document/transaction block) and QR code modal

@dzinzyura @phwizard

polipivnenko commented 3 months ago

@dzinzyura @phwizard Screens for another user's account page. I've placed all the tabs to scroll down, and also, when clicking on the "Transactions" button, it quickly scrolls down to the transactions tab at the bottom of the account page.

Screens for own user's account page. The same system, except the "message" button is missing, and the account editing function has been added. Also, modal windows for making changes to profile pictures.