Overview
Coinfloe is a personal application built and designed by me. It allows users to view cryptocurrency information such as news, prices and more in an intuitive UI that was designed for crypto outsiders. In addition to the UI, I also built the APIs for the application which centralized a variety of crypto API services into one easy to use API. Coinfloe was built out of a passion for the crypto space but also to highlight my UX experience without NDA restrictions.
Overview
Coinfloe is a personal application built and designed by me. It allows users to view cryptocurrency information such as news, prices and more in an intuitive UI that was designed for crypto outsiders. In addition to the UI, I also built the APIs for the application which centralized a variety of crypto API services into one easy to use API. Coinfloe was built out of a passion for the crypto space but also to highlight my UX experience without NDA restrictions.
Overview
Coinfloe is a personal application built and designed by me. It allows users to view cryptocurrency information such as news, prices and more in an intuitive UI that was designed for crypto outsiders. In addition to the UI, I also built the APIs for the application which centralized a variety of crypto API services into one easy to use API. Coinfloe was built out of a passion for the crypto space but also to highlight my UX experience without NDA restrictions.
Project Scope
Brand new application
Tools
Roles
UX Designer, UX Engineer, Developer
Duration
4 months
Challenge
Coinfloe proved to have many challenges.
The first being aggregating content from multiple providers into one intuitive UI. Crypto information is by nature complicated since it’s a combination of financials, technology, and politics. I wanted to combine these three challenging subjects into one and present it to people who were new to the space.
Secondly, Coinfloe needed more than a UX designer. It needed a front-end developer and API developer too. To make Coinfloe happen, I had to jump into all these roles.
Challenge
Coinfloe proved to have many challenges.
The first being aggregating content from multiple providers into one intuitive UI. Crypto information is by nature complicated since it’s a combination of financials, technology, and politics. I wanted to combine these three challenging subjects into one and present it to people who were new to the space.
Secondly, Coinfloe needed more than a UX designer. It needed a front-end developer and API developer too. To make Coinfloe happen, I had to jump into all these roles.
Challenge
Coinfloe proved to have many challenges.
The first being aggregating content from multiple providers into one intuitive UI. Crypto information is by nature complicated since it’s a combination of financials, technology, and politics. I wanted to combine these three challenging subjects into one and present it to people who were new to the space.
Secondly, Coinfloe needed more than a UX designer. It needed a front-end developer and API developer too. To make Coinfloe happen, I had to jump into all these roles.
Project Goals
Combine multiple data feeds into one application
Make cryptocurrency data digestible for crypto outsiders
Simplify the discovery of crypto currencies and promote exploration
Project Goals
Combine multiple data feeds into one application
Make cryptocurrency data digestible for crypto outsiders
Simplify the discovery of crypto currencies and promote exploration
Project Goals
Combine multiple data feeds into one application
Make cryptocurrency data digestible for crypto outsiders
Simplify the discovery of crypto currencies and promote exploration
01 / Colors
Light Theme
#6b42ff
#f3f3f3
#f9f9f9
#00c77e
#fd2d53
Dark Theme
#9a7eff
#151419
#1b1a1f
#00c77e
#fd2d53
02 / Typography
Manrope
Regular • Bold • Extra Bold
Headings
Heading 1
TEXT-4XL / FONT-EXTRABOLD
Heading 2
TEXT-3XL / FONT-NORMAL
Heading 3
TEXT-XL / FONT-BOLD
Heading 4
TEXT-LG / FONT-BOLD
Heading 5
TEXT-BASE / FONT-EXTRABOLD
Body
Body 1
TEXT-BASE / FONT-BOLD
Body 2
TEXT-SM / FONT-SEMIBOLD
Body 3
TEXT-SM / FONT-LIGHT
Body 4
TEXT-XS / FONT-SEMIBOLD
02 / Typography
Manrope
Regular • Bold • Extra Bold
Headings
Heading 1
TEXT-4XL / FONT-EXTRABOLD
Heading 2
TEXT-3XL / FONT-NORMAL
Heading 3
TEXT-XL / FONT-BOLD
Heading 4
TEXT-LG / FONT-BOLD
Heading 5
TEXT-BASE / FONT-EXTRABOLD
Body
Body 1
TEXT-BASE / FONT-BOLD
Body 2
TEXT-SM / FONT-SEMIBOLD
Body 3
TEXT-SM / FONT-LIGHT
Body 4
TEXT-XS / FONT-SEMIBOLD
02 / Typography
Manrope
Regular • Bold • Extra Bold
Headings
Heading 1
TEXT-4XL / FONT-EXTRABOLD
Heading 2
TEXT-3XL / FONT-NORMAL
Heading 3
TEXT-XL / FONT-BOLD
Heading 4
TEXT-LG / FONT-BOLD
Heading 5
TEXT-BASE / FONT-EXTRABOLD
Body
Body 1
TEXT-BASE / FONT-BOLD
Body 2
TEXT-SM / FONT-SEMIBOLD
Body 3
TEXT-SM / FONT-LIGHT
Body 4
TEXT-XS / FONT-SEMIBOLD
03 / UI Flow
04 / Site Map
05 / Lo-Fi Wireframes
06 / Pages
Explore
Summary • News • Coin Highlights
Light
Dark
Video
Explore
Summary • News • Coin Highlights
Light
Dark
Video
Explore
Summary • News • Coin Highlights
Light
Dark
Video
Coin Info
Charting • News • Metrics
Light
Dark
Video
Coin Info
Charting • News • Metrics
Light
Dark
Video
Coin Info
Charting • News • Metrics
Light
Dark
Video
Coins
Filtering • Sorting • 300+ Assets
Light
Dark
Video
Coins
Filtering • Sorting • 300+ Assets
Light
Dark
Video
Coins
Filtering • Sorting • 300+ Assets
Light
Dark
Video
News
Trending • Topics • Search
Light
Dark
Video
News
Trending • Topics • Search
Light
Dark
Video
News
Trending • Topics • Search
Light
Dark
Video
