Redefining Journaling with User-Friendly Design and Seamless Integration

UX Case Study

RayaSurya
Bootcamp
6 min readJan 13, 2024

--

Yes,

Pen & paper journaling? Not for today’s busy lives. Forget time-consuming diaries, digital options have steep learning curves and dull interfaces.

Introduction

This project was completed within a week and serves as a valuable addition to my portfolio. I took charge of every aspect, encompassing research, design, and testing.

Problem Statement

Crafting an optimal journaling app, focusing on key features: seamless entry, an intuitive and enjoyable user interface, exporting old entries, and effortless progress sharing on social platforms.

Research

Why Existing Journaling Methods and Apps Fall Short

A Breakdown with Examples.

Traditional Methods

Existing Journaling Apps

Man of the Project⭐

Solution #1

Set a reminder. Tap. Speak. Done. Sereni captures your thoughts instantly using Reminders and Dynamic Island, making journaling seamless and effortless. No app launch, just pure reflection woven into your day.

Sereni integrates reminders and Dynamic Island for seamless voice capture.

Impact

Solution #2

Track your journey effortlessly with Sereni’s Progress Insights. Sereni keeps you in the loop on your daily entries, missed days, streaks, and task completion.

Impact

Result

Let’s see how I came up with the solution

User Research

I came up two personas of the potential users of Sereni.

Personas

User Survey

To learn more about the users I conducted a survey with a few questions. These were the key insights from the responses.

Key Insights

These key insights lay the foundation for the application’s design.

User Journey

Let’s imagine that Elena(our User Persona) wants to do her entry for today and check one of his old entries and checkout the generic journaling applications.

User Journey

Some Gray Screeeens!!! for you (wireframes)

We have 3 screens over here Home — where your journaling happens, Calendar — where you access your old entries, Settings — where you have various additional features.

Color

W3C AAA Colors

Final Screens

here are the final screens with fun and pleasant user interface.

Home

  • Emoji of the Day: Allows users to start their entries with a specific emoji, enhancing search and summary capabilities.
  • Entry Guides: Offers users repeated or essential questions for their daily entries, ensuring clarity and completeness. Users have the flexibility to opt-out of filling them.
  • Voice Entry: Elevates the journaling experience by enabling voice recordings, facilitating habit adoption, especially for users with limited time.
  • Photo: Enhances the richness of journaling with the ability to add photos, creating a more vivid recollection
  • Daily Tasks: Enables tracking and reflection on specific tasks.

Calendar

  • Access old entries through dates and emojis, making searching more enjoyable and user-friendly.
  • Option to edit previous entries.
  1. These screens are an extension of those main screens.
  2. You have a lot of control on how the app looks and feels and you have plenty of options to choose from.
  3. Export to pdf helps you store your data offline

Prototype

be sure to checkout all the flows

If you’re too lazy check these 👇out!!

SERENI Prototype Recorded

Welcome to the Darkside

The incorporation of a dark mode elevates the user experience, ensuring comfortable journaling even under daylight conditions.

Impact:

This thoughtful addition enhances user comfort, making journaling a seamless and enjoyable experience for the night journal sessions.

Let’s see how the User Journey map of Elena in Sereni is

The user experience has improved significantly. The UI, coupled with the ability to track progress in an engaging manner, makes the overall experience more rewarding.

Future Iterations

  • More Focus on privacy
  • Integration with Wearables
  • AI-driven Goal Setting
  • Biometric Data Integration

Learnings and Takeaways

  • User-Centric Experiences Yield Success: The Sereni project underscored that with targeted experiences and a keen focus on user engagement, any design endeavor can yield meaningful and positive results.
  • Color: A Vibe Shaper: Sereni’s emphasis on color revealed its profound impact on shaping the user’s atmosphere and emotional connection with the app, showcasing the pivotal role of color in design.
  • Customization Fosters Ownership: Crafting Sereni taught me that offering customization options instills a sense of ownership among users, fostering a deeper connection and personal investment in the product.
  • UI’s Crucial Role in Experience Enhancement: Sereni’s development reinforced the paramount importance of a well-crafted UI in elevating user experiences, highlighting that a user-friendly interface is pivotal for creating better overall interactions.

Conclusion

In crafting Sereni, the profound impact lies in redefining the journaling experience. Seamlessly blending intuitive design with user-centric features, Sereni transcends traditional barriers, making journaling an effortless and enriching journey. Its significance lies in fostering a habit that transforms self-reflection into a dynamic and accessible practice, empowering users to embrace the transformative power of journaling in their daily lives. 🚀📖

Additional Information

Tools Used

  • Figma 🎨
  • Illustrator 🖼️
  • Brain 🧠

Reached the finish line? Awesome!

A colossal “Thank You” for immersing yourself in the Sereni case study — you’re officially a design adventurer! 🌟 Your time and curiosity are the secret sauce that makes this journey worthwhile.

If this project sparked any lightbulb moments or left you pondering, my gratitude knows no bounds. Feel free to ping me with your thoughts or just to say hi.

In humble appreciation, Raya Surya

Click here for my Bento Profile.

Read my other articles

  • The UX of Life Here
  • UX of Indian Temples Here
  • VR for Communication Skills Here

Interesting right meet you there👋

--

--

RayaSurya
Bootcamp

Unlocking human emotions to craft UX experiences that resonate.