bitshares / bitshares/bitshares-ui

[Wallet Redesign] Landing Page

Open
#2,669 0 comments 0 reactions 0 assignees View on GitHub
[6] Documentation [6] New UX
Dominant language
JavaScript
Stars
520
Forks
575
Avg merge
12h 7m
Merged PRs (30d)
5

Description

# Landing Page

Landing has the following pages:
- Home Page
- Why Bitshares?
- Wallet
- Community
- Login / Signup

## Home Page

**Home Page** - is an entry point when a user opens “https://wallet.bitshares.org” (I call it Landing Page)

Currently, we have nothing important in our Landing Page. There is only a login form and that’s all. I would like to provide 2 different Home Page’s for users based on their authorization:
- Landing Page with Bitshares benefits for not logged in users
- Landing Page with News, Worker Proposals and Markets for logged in users

## Landing Page if the user visits bitshares for the first time

![Landing Page - Not Logged In](https://user-images.githubusercontent.com/35899973/61963653-67badf00-afcc-11e9-9f83-c66e65e0e37a.png)

When the user opens wallet.bitshares.org for the first time I would like to tell him about 5 benefits of Bitshares and our Wallet:

- **Fully Decentralized. Secure For you** - There should be a description of bitshares security and why users shouldn’t worry about their assets

- **Keep Your Assets in FIAT** - There should be a description of bitshares MPAs, what is bitUSD, bitCNY and why it is cool

- **Be Bitshares Shareholder** - There should be a description of our decentralized government, worker proposals, witnesses and value of BTS

- **Openness to our users** - There should be a description of our open collaboration system, any user can propose feature or send an issue and we will react immediately. (+ link to GitHub and telegram chat)

- **Great Community** - There should be a description of our great community and links to telegram where users can ask any questions and get a response right now

## Landing Page if the user visits bitshares when he is logged in

![Landing Page - Logged In (1)](https://user-images.githubusercontent.com/35899973/61963666-6be6fc80-afcc-11e9-8676-752911b0a064.png)

When the user opens wallet.bitshares.org I would like to show the most important information about Bitshares:
- News
- Worker Proposals (The question is how to sort worker proposals?)
- Markets

## Layout

The layout has a fixed header menu which follows user screen when he is scrolling.

Menu has the following items:
- Logo (when user click on a Logo he always will be redirected to Landing Page, even if user click on a Logo in Wallet)
- Home (link to Landing Page)
- Why Bitshares (link to the page with bitshares benefits)
- Community

## Community
There I would like to place the following information:
- Link to official Telegram chat
- Link to official Forum
- Link to official Wallet Telegram chat (I would like to create a new separate telegram chat for new wallet users to be able to handle feedback and bugs reports)
- Link to bitshares-ui Github

## Login & Sign Up

It is mocked up but it doesn't have critical changes.

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the current landing page and the two supplied mockups. The issue is complete when the logged-out and logged-in landing experiences, fixed header links, and community links are implemented; the worker-proposal sorting question and repository entry points still need clarification, and no files or tests are named.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
blockchain, design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.