sociidot

A lifecoach in your pocket.

Intro

Sociidot gives people tiny actions daily to get to their goals.

Timeline

8 months from napkin sketch to launch

Tech stack

NATIVE IOS, Custom CMS in python, Javascript

team

3 Engineers
1 Designer

ABOUT

Sociidot Screens

Sociidot was the first lifecoach app in the app store and took a different approach on how to help people reach their goals.


screens

All screens in detail

Design process

An iterative design process

The design process went through multiple iterations. The first version had too many screens and the design made it seem that the roadmaps were difficult to follow. After user testing and several releases the design was changed to be the smallest amount of screens possible. Additionally, when the app was first launched users could create their own roadmaps but after seeing users drop off the app was changed to only have prexisting roadmaps for purchase.

Onboarding

The details
The onboarding process for the app.

First screen

Introducing the user to the concept.

Roadmaps

Explaining how to use roadmaps and what they are.

Experts

Introducing the experts in the app.

Actions

Showing users what actions are.


onboarding & CMS

Infrastructure design for onboarding experts

THE LOOK AND FEEL

Branding

App icons and marketing materials.
Marketing design

Experts promoting to their audiences.

One of the most successful marketing plays used by Sociidot was getting experts to market to their own audience. Each expert got a marketing playbook with pre-written blog post, images for social media and videos created for them.
var main = new Splide( '#main-slider', { type : 'fade', heightRatio: 0.5, pagination : false, arrows : false, cover : true, } ); var thumbnails = new Splide( '#thumbnail-slider', { rewind : true, fixedWidth : 104, fixedHeight : 58, isNavigation : true, gap : 10, focus : 'center', pagination : false, cover : true, dragMinThreshold: { mouse: 4, touch: 10, }, breakpoints : { 640: { fixedWidth : 66, fixedHeight : 38, }, }, } ); main.sync( thumbnails ); main.mount(); thumbnails.mount();