My role was creating a mobile app and a responsive web platform for writing books about your memories using AI. I created a design system in Figma, made all the components responsive, prepared the typography and scalability for mobile platforms and created a consistent brand voice. Animations were created to add the life to the product and micro animations to give users more involvement in the process of recording, proof reading, changing and publishing their books.
Product Design
Design System
Animation
Figma
Adobe CC
Lottie Files
Write a book of your memories in just 3 steps with effortless storytelling, authentic voice and premium quality, all with the help of AI.
People want to write memoirs about their life and all the amazing experience they had, but they just don’t have time to do it.
Introduce the power of AI to record your voice, transcribe it into text, and then use AI again, to help rewrite or reformat it.
We surveyed potential users to see where do they struggle with, how much time does it take them to write a a book chapter and how AI could help them. From this research we determined the user location, gender, age and the most important pain points they could solve by using the platform. We sent a survey with all of these questions and formulated the answers using Maze.
From this research we understood which features should we focus on first, and which ideas might not work for the first version.
During the user research phase I also did a competitive analysis to understand what the main competitors were doing right and what were they doing wrong. This also helped with the MVP features combined with the user research and feedback from the initial questions we asked in questionnaires.
From the available data and the research I did, we were able to conclude that the existing users were mostly male, from certain parts of Chicago with similar spending and consumption habits and lifestyles. From that we were able to determine the structure, complexity and the pricing of the software.
Based on the research and goals, user flow focuses on creating memoirs and their cover images using the help of AI, taking the user from the start to the payment screen in a fun and easy way.
I created some quick sketches, exploring the possible layout combinations based on the research, competition, goals and the existing content to understand which design directions might work for both mobile and desktop solutions.
To make the brand cohesive and make the development process as smooth as possible we created a versatile Figma design system. All the latest features like variables, tokens and versioning were used to ensure longevity and faster deployment. We also used dev mode in Figma plus Dev notes for smooth transition from design to development.
One of the ways to reduce feature release time was to make our components diverse and versatile. This made the developers job much easier because components followed the design system and have their booleans and conditionals set for re-use wherever possible on the platform.
Detailed specs were provided to developers to ensure the smooth and fast deployment and scalability of the app and platform using the defined design system and product guidelines.
After the wireframing and design system setup in Figma was done, I moved on to app design using the brand colors, typography and layout exploration I did during the design system setup process.
Since platform is accessible on any popular device size, we prepared variables for breakpoints and used them throughout the platform design process. Components were made with this in mind so they scale and wrap natively.
.png)
Design system creation, optimization and shipping went really well. Documentation for developers was easily understood and handover process was smooth.
Initially, idea was to include a 3D book animation in the generation window, but this took too long to load. This was fixed with separate view previews and it ended up loading much faster.
Component export could improve further using Cursor AI+ existing plugins to reduce junk code and reduce shipping new platform features even further.
Let’s discuss your project and see how I can help you bring it to life.
Let's connect
aleksandarcucukovic@gmail.com
Explore more projects
Watch my tutorials
