How do you make an app?

November 16, 2021

If you’re curious about the app making process but not sure where to start or what's involved, check this out! ✌🏽

‍

Josef Wilhelm and IΒ decided to make the ez Meditation app as a fun side project this year because we wanted a minimalistic solution for tracking unguided meditation. We believe in transparency and community. That's why we're sharing our code(coming soon), design and process with you. We're always willing and open to learn, so let us know what you think about our process! πŸ™‚

‍

Timeline: May 25th -> June 26th 2021
TLTR:Β ~140hrs of sweat and love
Available for: iOS & Android
Note
: This app is written in Flutter ✌🏽

‍

Here's a quick overview of how we divided our tasks and responsibilities:

Josef Wilhelm:

  • Concept
  • Content
  • Development
  • Testing
  • Bug Squishing
  • App Store Setup
  • Release

‍

Marcella Traynor (me):

  • Concept
  • Design
  • Story writing
  • Content
  • ASO & App Store Setup
  • Testing
  • Landing Page

‍

The Breakdown

  1. Concept & Feature List
  2. Design
  3. Story Writing
  4. Content
  5. Development & Bug Squishing
  6. Testing
  7. App Store Setup & ASO
  8. Release

‍

1. Concept & Feature List ~4.5h

This is arguably the most difficult part of the process. Having a clear vision that meets your budget and time frame can be difficult, and often times sacrifices have to be made; that's why creating a solid feature list is key. Once you create your feature list, then you can decide what's important and what's nice-to-have. Luckily for us, we were both on the same page with what we wanted, and we were able to swiftly get the ball rolling. Here's what what came about in our Concept meeting:

‍

β†’ App description

We want to create an app specifically for unguided meditation. Most apps on the market are extremely bloated and hard to navigate. We want a no-nonsense, minimalistic app that tracks our meditation progress over time so we can see our progress.

‍

β†’ Research and inspiration

Similar apps include:

‍

β†’ Create personas

We actually didn't create any personas. 😬 Β We wanted to get this app out as quick as possible, so we skipped this part. Our main reasoning was that we were creating this app for ourselves, and therefore we were the end user. πŸ˜…

‍

β†’ Create a feature list

See Concept

  • login & register
  • social media integration
  • timer settings
  • β†’ set time
  • β†’ sound selection
  • timer running
  • finished screen
  • profile
  • β†’ show streaks: current streak, max streak, total sessions, average session
  • β†’ total sessions
  • β†’ manually log sessions: time, date
  • settings
  • community
  • presets β†’ considered putting in presets, but seems a bit redundant. It's really easy to set the timer and change the music. It would have clogged up the interface.

‍

β†’ Wireframes

‍

2. Design ~20.5h

Designing started after we worked out the concept. The initial design, including user flow mapping, took 9hrs. The rest of the hours worked went toward iterations, cleaning up the design, creating the style guide, creating and exporting assets.

‍

β†’ Design Links

Check out our Style Guide.

Link to User Flow Whimsical chart here.

Link to the full Sketch Design here.

‍

3. Story-writing ~8h

‍

β†’ Create stories

Building on the design, we created stories which detailed the:

  • aim of the story
  • acceptance criteria
  • design
  • resources

‍

β†’ Story Calendar

Take a look at our calendar to see how we worked:

ez Meditation Calendar

‍

4. Content ~21.5h

β†’ Sounds

We underestimated this the most.

We thought it would be easy to find looped songs or at least make them ourselves, but we couldn't have been more wrong. After trying a lot of different tools such as Garageband and Audacity, we finally found Envato Elements and found some sounds there.

We also ran into the issue that the sounds looped perfectly on the phone but not on Quicktime Player or VLC player. This was really frustrating. πŸ˜…

Some 20 hours and a-lot-of-grey-hair-later we were able to find, what we think, some great sounds for meditation.

This won't be the end of this though. There will be more sounds in future releases, but for now, we need a break from it! ^^

β†’ Codenames

Don't know why we mostly did animal themed codenames; it just happened. 🐼

This was super easy and fun and there will be many more to come. Stay tuned!

‍

5. Development & Bug Squishing ~60h‍

Yep, we weren't kidding about the transparency. Here's detailed breakdown of how Joe spent his time.

‍

1. App setup ~8h
  • Git repository
  • App icons
  • Adding dependencies
  • Setting up Firebase
  • Continuous integration with Codemagic
  • Creating apps in Play Console & App Store Connect
  • Adding Hive
  • Home Screen
  • Settings

‍

2. Registration ~4h
  • Registration with Email & Password
  • Saving name to Firebase

‍

3. Login + Apple & Google Sign in ~7h
  • Most time was spent on handling all the error codes and getting the design picture-perfect

‍

4. Profile & Edit profile ~3h
  • Update username, image & codename

‍

5. Feedback Dialog ~ 40min
  • Hooking it up with Firebase and for it to send an email automatically

‍

6. Meditation Timer Settings - Home Screen ~4h
  • Added duration picker
  • Added sounds
  • Persisted both to disk

‍

7. Meditation Timer Running ~4h
  • Strong focus on UI
  • Saving session to db

‍

8. Finish screen including Progress ~6h
  • Animations
  • Saving session to db
  • Calculating progress data

‍

9. Session log ~1h
  • Add manual sessions
  • Reuse duration picker from home screen

‍

10. Sounds ~5h
  • Adding audio player
  • Persisting downloaded sounds

‍

11. Sync local data (Hive) with Firebase ~3h
  • Nitty-gritty work testing all possibilities

‍

12. Community feature ~9h
  • Creating the whole UI
  • Adding dynamic links to Android & iOS
  • Experienced a weird bug that got resolved when I deleted all dependencies
  • Adding friends to corresponding user accounts
  • Live updates

‍

13. UI Changes ~5h
  • Getting the padding right πŸ™Œ

‍

6. Testing ~13h

This is probably the most important but also by far the most tedious part of the process, and I think that anyone who has developed an app or a piece of software before would agree that testing is the worst! Going over the same part of the app many times because of new bugs, is just not fun. πŸ˜“

We don't bulk-test. We try to keep testing as part of an individual story. This means that we only test small parts of the app as we go along β†’ to keep our motivation high. πŸ˜…

We were actually surprised that almost 10% of the whole process was spent on testing. ^^ And we're sure the app is still not 100% bug free, so if you find any, don't hesitate to send us a message! 😎

‍

7. App Store Setup & ASO ~11h

This included a lot of tedious work and repetitive mouse-clicking in App Store Connect and the Google Play Console, but with we got through it all with the help of our beloved friend, Caffeine. β˜•οΈ Β πŸ₯°

  • Side note: App Store Connect's UX/UI is shocking. We do not understand how/why Apple have not put some more time into improving it. If you're a first-time-user, it's daunting and difficult to navigate. If you use App Store Connect on a daily basis, it's just plain annoying. The Google Play Console experience is a lot more enjoyable.

We are still working on ASO. Actually, the ASO-fun never stops. We've signed up for an ASO tool, and are going to get stuck into some keyword hunting/optimising very soon! There will also be some A/B testing in the future. πŸ™‚ The one we're using is:

‍App Radar

‍

8. Release

We pressed a button. It was epic. πŸ€“

The ez Meditation app is available as of June 28, 2021! Download it, give it a try and let us know what you think!Β 

‍Google Play‍

App Store

‍

‍

‍

‍

Sag Hallo
Heute ist ein wunderbarer Tag um den Grundstein fΓΌr deine Traum-App zu legen. Findest du nicht auch?
ErzΓ€hl uns von deiner Idee
Servitengasse 10/14, 1090 Vienna, Austria
hello@digital-snacks.at+43 664 9188301