ݺߣ

ݺߣShare a Scribd company logo
Cum sa construiesti si sa
promovezi un dashboard de
succes
Cristina Conacel - Co-Fondator Creative Tim
Creative Tim
@creativetim BucharestJS #20
Game Plan
? Structura de baza
? Crearea designului
? Folosirea de elemente open-source
? Lansarea, consolidarea si promovarea
? Cum finantam suportul si cererile noi
? Planuri viitoare de dezvoltare
@creativetim BucharestJS #20
@creativetim BucharestJS #20
@creativetim BucharestJS #20
Structura de Baza
"If I had 8 hours to chop down a tree,
I'd spend 6 hours sharpening my ax."
- Abraham Lincoln
@creativetim BucharestJS #20
Structura de Baza
? Tabele
? Notificari
? Lista de taskuri
? Carduri (formulare si vizualizari informatii)
? Grafice (donut chart, line chart, bar chart
? Harti
@creativetim BucharestJS #20
Structura de Baza
? Cate elemente ar trebui incluse?
? Puncte pro si contra adaugarii de noi elemente
? Elemente custom:
? Drag&Drop
? Timeline
? Multi-level navigation
? WYSIWYG editor
? etc
@creativetim BucharestJS #20
Structura de Baza
@creativetim BucharestJS #20
Crearea Designului
@creativetim BucharestJS #20
Crearea Designului
@creativetim BucharestJS #20
Crearea Designului
Heroku Dashboard Light Dashboard #1
@creativetim BucharestJS #20
Crearea Designului
Light Dashboard #2 Light Dashboard #3
@creativetim BucharestJS #20
Crearea Designului
Apple Fitness App Light Dashboard Sidebars
@creativetim BucharestJS #20
Crearea Designului
Light Bootstrap Dashboard Iteratia Finala
@creativetim BucharestJS #20
Crearea Designului
https://www.instagram.com/nusr_et
@creativetim BucharestJS #20
Elemente Open-Source
Ce elemente open-source am folosit:
? Framework: Bootstrap
? Design: Get Shit Done
? Font: Roboto
? Iconite: Font Awesome si iOS 7 Stroke
? Grafice: Chartist.js
? Notificari: Bootstrap Notify
? Harti: Google Maps
? Poze: Unsplash
@creativetim BucharestJS #20
Elemente Open-Source
"There is no such thing as something
for nothing. Everything, including
your personal success, has a price
that must be paid."
- Napoleon Hill
@creativetim BucharestJS #20
Lansare si Promovare
Pregatirea de 60 de zile a dus la o perioada de dezvoltare de doar 15 zile.
@creativetim BucharestJS #20
Lansare si Promovare
Postat pe creative-tim.com
@creativetim BucharestJS #20
Lansare si Promovare
Cum am inceput:
? 170 voturi pe HackerNews (am ajuns pe pozitia 9 si am
avut mai mult de 88.000 vizualizari in acea saptamana)
? 247 voturi pe subreddit /r/webdev
? 80 voturi de subreddit /r/web_design
@creativetim BucharestJS #20
Lansare si Promovare
Traficul de la lansare pana in prezent
@creativetim BucharestJS #20
Suport si Cereri Noi
@creativetim BucharestJS #20
Suport si Cereri Noi
"Building a product it easy, keeping it
alive is hard.
- Unknown Source
@creativetim BucharestJS #20
Suport si Cereri Noi
Versiunea Premium
@creativetim BucharestJS #20
Suport si Cereri Noi
Varianta Sketch & PSD Varianta Angular
@creativetim BucharestJS #20
Planuri Viitoare
Statistici Curente
@creativetim BucharestJS #20
Planuri Viitoare
Folosit in cadrul Universitatii Stanford
@creativetim BucharestJS #20
Planuri Viitoare
Ce planuim sa facem in continuare:
? React
? Meteor
? VueJS
? Rails Gem
? alte idei?
Multumesc pentru atentie!
Cristina Conacel
cristina@creative-tim.com
@conacelelena
Creative Tim

More Related Content

Cum sa construiesti si sa promovezi un dashboard de succes