etherblockchain.io

One of the most complicated & intricate projects we’ve ever had the privilege to work on, etherblockchain.io is a centralized gathering point and toolbox for the Ethereum Blockchain (and for people looking to get started in Blockchain communities). Featuring a Blockchain Browser, News Blog, Online Video Center, Network Stats, and Token Exchange.

etherblockchain@2x-1

HELLO

HUMANITY 2.0

01-2

EXCHANGE

01-exchange-1
02

ACCOUNT
OVERVIEW

02-account-overview
05

EXCHANGE
PLATFORM

05-exchange-1
04

ADRESS
OVERVIEW

04-adress-1
03

BLOCKTIME
TV

03-blocktime-1
06

UNCLE
INFORMATION

06-uncle-1
01.02

BLOCKCHAIN EXPLORATION CORP / TYPEFACE

TYPEFACE

We used one Typeface in different styles to transport information on various levels.

01.02-typeface-1
01.03

BLOCKCHAIN EXPLORATION CORP / TYPEFACE

COLORCODE

The brand colors of etherblockchain.io are designed in consideration of the information used for actual products.

blue

PRIMARY - BLUE

#00AAEA
0 - 170 - 234

gry

SECONDARY - DARK GREY

#2C2C2C
44 - 44 - 44

lightgrey

GROUND - LIGHT GREY

#F1F2F3
241 - 242 - 243

green
red
neutral

POSITIVE - GREEN

#
36E400
54 - 228 - 0

NEGATIVE - RED

#
FE1313
254 - 119 - 119

NEUTRAL - GREY

#
CCCCCC
204 - 204 - 204

02.01

ETHERBLOCKCHAIN.IO / OVERVIEW

LANDINGPAGE

The Etherblockchain.io landingpage contains various features. On the top, the last price and network status are presented. Below, there are News and Videos about Blockchain content.

02.01_landingpage
02.01_last_price_panel

ETHEREUM
PRICE

The Last Price Chart describes price movements over an adaptable time range. Changes are displayed via candle stick Chart Markers.

currency

CURRENCY
DROPDOWN

A simple dropdown menu to switch between the avalible currencies on Etherblockchain.io.

ETHERUM
NETWORK STATUS

The Ethereum Network Status is a large system of interconnected parts.

currency-2-1
02.02

ETHERBLOCKCHAIN.IO / NEWS

NEWSBLOG

Here you can find current news and articles about Ether Blockchain and its technology.

aaa
aaa2-1
aaa3
02.03

ETHERBLOCKCHAIN.IO / MEDIA

BLOCKTIME
.TV

Blocktime.tv allows users to view, rate, share and report videos, add them to playlists, comment on them, and also subscribe to other users.

blockTV

SEARCH CONTENT

blocktime.tv2_
03.01

ETHERBLOCKCHAIN.IO / TRANSACTIONS

BLOCKCHAIN NETWORK

The Blockchain Browser contains the network status, price movements and a list of recent transactions and blocks.

03.01_blockchain_network

TRANSACTION
HISTORY

This chart shows the history of recent transactions and their value. 

02.01_last_price_panel-1
03.02

ETHERBLOCKCHAIN.IO / TRANSACTION BROWSER

TRANSACTION BROWSER

The transaction Browser allows you to monitor the availability and performance of all Transactions on the Ether Blockchain.

03.01_blockchain_network2
03.03

ETHERBLOCKCHAIN.IO / ADDRESS OVERVIEW

ADDRESS OVERVIEW

The Blockchain is 100% transparent. For this reason, each address can be viewed and monitored. On this page you can find the most important information about an address.

03.04_address_overview

TOTAL ETH
VALUE

The line chart shows the Ether price balance for last 24h. 

card-1

ACTUAL ETH
BALANCE

Complete ETH balance in comparison to the amount of token by account.


card32

VALUE OF ALL
TOKEN

A simple list view of all tokens sorted by the highest value.

card32
04.01

TRADE DIGITAL CURRENCIES

EXCHANGE

An Exchange allow customers to trade digital currencies for different assets, such as conventional fiat money, or different digital currencies.

04_exchange_intro
04.02

TRADE DIGITAL CURRENCIES

MARKET CHARTS

Compared to traditional charts, many traders consider candlestick charts in combination with bar charts to be more visually appealing and easier to interpret.

charts
dots1

CANDLE STICKS

The Low and High caps are usually not displayed but may be added to ease reading.

dots2

BAR CHART

Shows the number of Transactions for the selected time period.

dots3

MARKET DEPTH

A candlestick showing the order book depth on a currency exchange [platform] with an hourly average.

04.02

TRADE DIGITAL CURRENCIES

MARKET CHARTS

Compared to traditional charts, many traders consider candlestick charts in combination with bar charts to be more visually appealing and easier to interpret.

charts
candle-3

CANDLE STICKS

The Low and High caps are usually not displayed but may be added to ease reading.

barchart-1

BAR CHART

Shows the number of Transactions for the selected time period.

marketDepth

MARKET DEPTH

A candlestick showing the order book depth on a currency exchange [platform] with an hourly average.

04.03

TRADE DIGITAL CURRENCIES

ONBOARDING

In order to trade on Etherblockchain.io’s Exchange, you have to complete 5 steps.

 

onboarding

COMPLETE THE
ONBOARDING

After the onboarding, simply choose your wallet and start trading.

stroke-6
completeOnboarding
strokeDown-1
Fish-2

ROOKIE

Simply enter an amount you'd like to "Buy" or "Sell“.

Whale

ADVANCED

Select "Limit", "Batch" or "Good Till” from "Buy" or "Sell" orders.

strokeUp
advanced
04.04

TRADE DIGITAL CURRENCIES

BUY & SELL PANEL

This is the essential panel for trading digital currencies on the Ether Blockchain. Simply enter an amount of the currency of your choice.

buysell-Panel
04.05

TRADE DIGITAL CURRENCIES

EXCHANGE OVERVIEW

This is the essential panel for trading digital currencies on the Ether Blockchain. Simply enter an amount of the currency of your choice.

TOKEN LIST

tokenList-1

DEPTH HOVER

depthHover

DATE PICKER

datePickr

ERROR 404

error404
04.06

END OF SPACE

THANKS FOR WATCHING

Etherblockchain.io is still online