Conversation with folks at Omnitas Consulting about how their customers use Development of this app was driven mostly by their feedback and the needs of clients using as CRM system.

Thomas and Fredrik from Omnitas Consulting kindly offered to provide their commentary on how this app can be used. You can view them in the presentation video. (BTW: I added English subtitles, so just turn them on in youtube settings should you need them)

Also, I like pretty UIs and funnels was an opportunity to create something good looking and useful at the same time.

What it does

Funnels visualise sales or marketing funnels. It can also draw diagrams of transitions between states, which is useful when tracking efficiency of workflows and sales processes (e.g. check what route most of the leads take from initial contact to closing the deal). We call that chart "Tree" or "Journey".

How I built it

I used React on top of SDK. Charts are drawn with lovingly handcrafted SVG.

Challenges I ran into

  • calculation of formulas from boards. There's no API to get actual values for formula columns, so I had to employ third party parser and imitate behaviour seen in the boards. Apologies in advance if calculations behave differently than in processed formulas, but it's difficult to handle special cases for different types of columns etc.

  • drawing charts for weird data in such a way that it looks good and readable. Example of this is very large and very small values on the same chart. Tree / journey diagram can contain very large and small nodes which at first resulted in huge images with very fine, unreadable details. I had to scale values in a smart way to preserve relative sizes, but never draw too big or too small elements.

  • sanitisation of values - handling of edge cases, zero weights, negative weights etc.

Accomplishments that I'm proud of

Looks like this is a product solving a very real need of large community of users using it primarily as CRM system. It's been tested with real users who confirmed usability and usefulness. I also like how it looks.

What I learned

I learned some use cases of by speaking to power users.

Technically, the biggest learning is probably details of SVG as I had to create some elaborate algorithms to draw pretty curves in the charts.

What's next for Funnels

Documentation, more testing and squashing bugs, submission for review and listing on Marketplace.

Built With

Share this project: