Loch Kelly

Loch Kelly, a leading mindfulness teacher, envisioned a mobile app that gave his students and others easy access to his teachings and meditations, as well as a desktop-based admin portal to manage content and monitor usage for data-driven improvements ongoing.

CHALLENGE

SOLUTION

With smart UX, we re-designed and re-built an existing, non-functioning admin portal; re-built the backend code for optimal performance and extensibility; and refactored the React Native mobile app to make it launch-ready.

RESULTS

A non-functioning software system that a previous team had spent nine months building was re-designed and then re-built by WLCM in three months. With performance and stability the client could rely on, they were able to finally launch with confidence.

Loch offers a unique experiential teaching style to assist in the recognition, realization, and full embodiment of our true nature.

Loch Kelly’s “Daily Glimpses” mobile app brings his work, which includes advanced mindfulness teachings in addition to guided practices, to his audience in an easy, accessible form.

Loch starts with the view that the awakeness, wisdom, and love that we are seeking are already inherent within each of us, equally. The method of small glimpses gives us access to “the solution”, our true nature. From here, we open to a more spacious and compassionate knowing that relieves suffering at its root.    

“Initial waking-up leads to freedom from the fear of death. Waking-in to embodiment leads to freedom from the fear of life. And waking-out to relationships, creativity, and compassionate activity leads to freedom from the fear of love.” - Loch Kelly

DEVICE
Productivity
Enterprise
IOS
Android
Web Application
Direct-to-Consumer
WELLNESS
MENTAL HEALTH
REACT NATIVE

Loch Kelly’s team at the Effortless Mindfulness Institute (EMI) came to WLCM with a mobile app and online admin tool that they believed was just about ready for launch. However, because of ongoing glitches and some parts plain not working, they were having a hard time getting it across the finish line.

EMI was looking for a partner who could make the product finally work, get it live, and help them build and maintain from there.

After an initial conversation, WLCM began a code review. We returned to EMI a detailed report of the current state of the code and had a sobering conversation about what could be done to salvage the work and get them live.

First, the Admin panel needed to be re-designed for better usability and functionality, so David, Sean and I co-worked on a new vision for a solution that would actually meet their needs. WLCM’s design team turned around a new version of the app designs, and we got to work.

The admin panel and backend needed to be fully re-built, while we tried to minimally refactor the React Native mobile app code to be workable. We also suggested and implemented some small but impactful design changes to the mobile app — fonts and colors, specifically. Eventually we would like to re-consider the mobile app’s UX/UI and re-build it cleanly, but we’ll see what’s practical!

EMI’s previous team spent nine months building unworkable software. WLCM got it re-built in three.

We love working with Loch Kelly and his team. It continues to be a fun and fruitful partnership.

Direct-to-Consumer App Development; Productivity App Development; Custom Payments and Subscriptions | Platforms: iOS, Android and Web | React Native App Development | Desktop App | App Design

What we delivered

DESIGN

  • Created easy-to-use, delightful and on-brand user experience for child onboarding, identity verification, booking and pickups

  • Interface design utilizing existing brand strategy in partnership with Project M+

  • UX/UI design for parent-facing mobile apps on iOS and Android

  • UX/UI design for pick-up apps on iOS and Android

  • UX/UI design for Front Desk, Administrative and Teacher apps for responsive web

MOBILE TECH STACK

  • React-Native / framework

  • Appcenter CodePush / cloud service

  • Apple Authentication

  • Google Authentication

  • React-Native-Track-Player / library

  • Wistia / video hosting

  • React-Query / library

  • iOS Home Screen Quick Actions & Android App Shortcuts

  • react-native-google-fit / library

  • React-Native-Health / library

  • React-Native-Help-Scout / library

  • React-Native-IAP / library

  • React-Native-Reanimated / library

DEVELOPMENT

  • Iterative, agile development process with focus on fast releases to bring solutions live for customers asap

  • Team of four developers focusing on markup, front end, back end, and mobile

  • Dedicated project manager and quality assurance (QA) specialist

  • Continued iteration and development of new features

BACKEND TECH STACK

  • Nest.js // framework

  • MongoDB (+ Mongoose) // mongoose - ODM

  • Stripe( CC, ACH, Klarna ) // payments

  • AWS s3 // storage

  • Swagger // API documentation

  • JWT, passport, argon2 // Auth

  • Twilio // 2FA

  • Mailchimp // marketing

  • CRON // scheduler

  • Mailgun // mailing

  • Eslint, Prettier // linter, code formatter

FRONTEND TECH STACK

  • HMTL 5 / markup language

  • CSS 3 / styling language

  • SCSS

  • JavaScript / programming language

  • TypeScript

  • Angular - framework

  • Angular Material & CDK / libraries

  • RxJs / library

  • NgRx / store

  • NgRx / effects

  • Lodash / library

  • Moment / library for parsing

  • Quill

  • Mask

CORE FEATURES

  • Mobile App: Login via apple/google; Login via email+ verification code; Sign up; Meditation Timers; Play audio sessions; Play video sessions; Add to favorites; Share content; “Invite a friend” feature; Play downloaded audio session offline; Content search; Meditation reminders (push-notifications); Dark/light mode options; Profile statistics counting (days in app, minutes of content listened, total session listened/watched); “Progress recognition” feature based on which user receives push-notifications; Edit account; Delete account; Log out

  • Admin Panel: Main: log in, log out; User management: delete users, search/filter users, grand free lifetime subscription, export users in csv file; Daily glimpse: create content, edit content, delete content, search content, set order of content (displayed in app); Programs: create programs, edit programs, delete programs, search/filter programs; Sessions: create sessions (Audio/Video/Text/Image types), edit sessions, delete sessions, create/edit/delete modules; Media Library: Upload files, delete file, rename files, preview files, search/filter files; Categories: create categories (program, session), update categories, delete categories, search categories; Suggested search: create options, update options, delete options, set order of content (displayed in app), search options; Notifications: create notifications/invite cards/share cards, update notifications/invite cards/share cards, delete notifications/invite cards/share cards, filter notifications; Home image: upload images; delete images

  • They are wonderful human beings to work with.

    Wlcm is excellent at project management. Their estimates, both total time and deadlines, were extremely accurate, and they kept us up to date on progress at a fine grained level through Slack, regular phone calls, ClickUp, and, where needed, additional tools. They are highly responsive to questions and very transparent in the work they are doing.

    They are highly communicative and transparent in their communications, responsive to our inquiries and needs, very committed to quality, skilled at what they do, and to top it off they are wonderful human beings to work with. I look forward to a long collaboration with our current app, and if given the chance I would work with them again in a heartbeat on another project.

    - SEAN HARTMAN
    Strategy & Operations, Loch Kelly

Previous

Exhale
Next

MilkMate