Your Fund's Command Centre

Your Fund`s Command Centre

Fundstack

Fundstack

Fundstack started off as a small project for a simple logo and landing page and scaled up to creating a bold brand identity with a fully flexible atomic design system, for both the app and web appearances.
Small project for a simple logo and landing page and scaled up to creating a bold brand identity with a fully flexible atomic design system, for.

Fundstack started off as a small project for a simple logo and landing page and scaled up to creating a bold brand identity with a fully flexible atomic design system, for both the app and web appearances.
Small project for a simple logo and landing page and scaled up to creating a bold brand identity with a fully flexible atomic design system, for.

Platform

iOS, Android, Web

Year

2016 - Current

IMG

App & Design System

App & Design System

The Fundstack design is completely built with the atomic design principles in mind, which basically divides design elements in 5 different categories: atoms, molecules, organisms, templates and pages. I slightly adapted the principle and worked with elements, components and templates:

Elements are tiniest UI objects like icons, colors, backgrounds, dividers…

Components are objects which are built out of these elements, just like a listitem with an icon, a divider and a background.

Templates compared to components are much bigger compositions of both, elements and components. This could be a header bar, footer,

 

The Fundstack design is completely built with the atomic design principles in mind, which basically divides design elements in 5 different categories: atoms, molecules, organisms, templates and pages. I slightly adapted the principle and worked with elements, components and templates:

Elements are tiniest UI objects like icons, colors, backgrounds, dividers…

Components are objects which are built out of these elements, just like a listitem with an icon, a divider and a background.

Templates compared to components are much bigger compositions of both, elements and components. This could be a header bar, footer,

 

ezgif.com-optimize
01
02

First things first.

The design system.

First things first.

The design system.

The Fundstack design is completely built with the atomic design principles in mind, which basically divides design elements in 5 different categories: atoms, molecules, organisms, templates and pages. I slightly adapted the principle and worked with elements, components and templates:

Elements are tiniest UI objects like icons, colors, backgrounds, dividers…

Components are objects which are built out of these elements, just like a listitem with an icon, a divider and a background.

Templates compared to components are much bigger compositions of both, elements and components. This could be a header bar, footer,

 

The Fundstack design is completely built with the atomic design principles in mind, which basically divides design elements in 5 different categories: atoms, molecules, organisms, templates and pages. I slightly adapted the principle and worked with elements, components and templates:

Elements are tiniest UI objects like icons, colors, backgrounds, dividers…

Components are objects which are built out of these elements, just like a listitem with an icon, a divider and a background.

Templates compared to components are much bigger compositions of both, elements and components. This could be a header bar, footer,

 

newnewnew03
04
05

Landing Pages

Landing Pages

The Fundstack design is completely built with the atomic design principles in mind, which basically divides design elements in 5 different categories: atoms, molecules, organisms, templates and pages. I slightly adapted the principle and worked with elements, components and templates:

 

 

The Fundstack design is completely built with the atomic design principles in mind, which basically divides design elements in 5 different categories: atoms, molecules, organisms, templates and pages. slightly adapted the principle and worked with elements, components and templates:

 

 

macbookbitbigger
mac 01
mac 02
mac 03
web1555
web3
web2
web4
© 2018 DOMINIK MARTIN ・ IMPRINT
© 2018 DOMINIK MARTIN ・ IMPRINT
© 2018 DOMINIK MARTIN
IMPRINT