Hello Dribbbles! This is my exploration of recreating sleep tracker by pelacak tidur. Feel free to give a feedback, comments, and suggestions.

Splash Screen

Pelacak Tidur is a personal sleep cycle monitor, snore recorder and sleep sound provider. With it, you can find out everything you want to know about your sleep patterns, catch your snoring and yawning, and customize smart alarms to ease sleep problems and help you sleep.

On Boarding

On the onboarding page, there is a brief introduction to the app's key features and navigation. Typically, the first page welcomes users with a greeting and provides a brief overview of the app's purpose and benefits. Subsequently, there is information about key features along with interactive tutorials that help users understand how to use the app.

User Analysis Behaviour

On the user analysis behavior page, it includes permission requests, preference settings, creating a more personalized experience tailored to users' needs. Overall, the user analysis page is designed to create a positive initial experience and ensure that new users can fully leverage the app's potential with a solid understanding.

Loading Page

The loading page is a temporary page that appears when the application is loading or processing information before displaying the main content to the user. Its function is to signal to the user that the application is working to prepare the necessary data or elements before they can fully interact with the application. This loading page displays a loading icon indicating that a process is underway.

The loading page is crucial for providing a better user experience by reducing uncertainty and informing users that the application is active. By giving a visual indication that something is happening behind the scenes, users are more likely to be patient during the loading process. The loading page can also be utilized by developers to maintain design consistency throughout the entire user experience.

Homepage

On the homepage of the Pelacak Tidur application, several elements are designed to provide users with relevant information about their sleep patterns and encourage healthier sleep practices. Some features found on the Pelacak Tidur app's homepage include Pelacak, Discover Music, Statistics, and User Account.

On the Pelacak page, there are Action Buttons, which serve for quick actions such as initiating sleep recording and adjusting the sleep start and wake-up times. Before going to sleep, users will be prompted to provide information about their pre-sleep conditions for tracking purposes.

When it's time to sleep, the Pelacak Tidur will start monitoring the duration of sleep and any sounds. The Pelacak Tidur can also play music during sleep based on the selected music. Then, when it's time to wake up, the user is prompted to press and hold the Wake Up button and asked about the wake-up conditions, whether they are good or not.

Find Sound

In the application, users can also discover music that can be played during the sleep cycle, allowing them to sleep more comfortably, peacefully, and soundly. Users can also set the duration for how long the music will play, which is useful in case the user has already fallen into a deep sleep.

Statistic

In the Sleep Statistics page, detailed information about sleep patterns is provided, including the most effective sleep times, consistent sleep duration, and other relevant data. This section offers users a comprehensive overview of their sleep habits, helping them understand key aspects of their sleeping patterns such as optimal bedtime and consistent sleep durations.

Journal

Sleep Charts: Visualization of graphs or diagrams illustrating sleep patterns over a specific period, allowing users to observe trends or changes in their sleep patterns. Additionally, there are Sleep Notes: a space for users to make notes or record specific factors that may affect the quality of their sleep.

Thankyou for checking my work!

Hello, I'm Jihade. Currently seeking internship or job opportunities in UI/UX Design. If you have any leads, feel free to reach me out!

Thanks for checking out my work on Dribbble! ✨

Connect with me on 🔗LinkedIn for more insights

and drop me an email at 📩kufiitardalli@gmail.com

to discuss collaborations or projects further.

Let's create something amazing together!✨

🏀🏀🏀

tags : Musemind UI/UX Agency | QClay | NIKITIN | Pixavall Studio | Ronas IT UI/UX Team | 69Pixels | Pickolabs | Unseen Studio | Creative South | Pixel | Elux Space | Dipa Inhouse | Extej Design Agency | Pixelate Studio | Keffi Studio | X Studio