- UI/UX
- Product
- Branding
- Iconography
Sentio*
utility mobile apps
In Sentio I’ve been designing a number of mobile apps. The goal is to quickly iterate through the ideas. If the app strives, double down the efforts, if not, abandon and switch to another one. With such approach I have a good opportunity to practice, fail and start again often. Over time quantity starts to transform into quality.
Fasting tracker
My latest design.
Being a regular faster myself for several years now, I was happy to find out we are building the fasting tracker at Sentio. It won’t be an overexaggeration to say that it is the favorite app I designed in Sentio so far.
Though there is quite a number of fasting tracking apps, many of them are too complicated. I wanted to make our app as simple as possible, which in my opinion is gonna help to form the habit to people using the app.
Being lightweight, app still gives enough flexibility to experienced fasters with custom fasting plans and schedules.
![Home screen of the app with the ongoing fasting](/static/056ed26ec931567fdf99666bf5bc4447/50681/fasting-homescreen.png)
![Fasting plan picker with 5 plans visible on the screen](/static/f863d016831666eef14af422654772ea/50681/fasting-pick-plan.png)
![Image of three screens of fasting app: fast regularity picker, earned badge view and fast completion screen](/static/1e72ac6e0bb94e17e19659742868dc23/f331c/fasting-three-screens.png)
![Image of the sheet configuring the contents of the home screen](/static/4ad0c69df978c4f19ac7578850c7dd10/50681/fasting-configure-homescreen.png)
![The list of rewards](/static/e6343341f44820df111e6c56d2f2e3ea/50681/fasting-rewards.png)
![User profile screen](/static/9dc6bdbae9c7cfc4dcb7a14d7d954fd5/9039c/fasting-profile.png)
Widgets. Simple readable widgets with the most important information people on the fast want to see—fasting progress and current fasting zone.
![The image of three states of the homescreen widget](/static/fcac84c1c8a5f5eb28bcad1ee911ff4d/34ccb/fasting-widgets.png)
![Image of the iPhone lockscreen with fasting widget on it](/static/315110da08d60d6b760eac98f820c2eb/34ccb/fasting-widgets-lockscreen.png)
Iconography. Bold filled icons and simple forms support interface the best. I aspired to ensure the best readability and quick recognition for users.
![Some icons used in the app](/static/10dc50812850e773e658114891a93850/9039c/fasting-icons.png)
Messaging app
Simple app that allows to rent the virtual phone number to send and receive text messages.
Our users use the app for a variety of cases: from registering in services that are not available in their countries to using temporary number to sell items on Craigslist and avoid spam on their main phone number.
It was important to allow users to have multiple phone numbers and make it easy for them to distinguish between phone numbers (by giving each it’s unique alias) and let them easily see what number is being used in conversation.
![Lockscreen of the Messaging app](/static/b8c12f7520a9934f7fdda64ebedba84f/93155/messaging-lockscreen.png)
![Contact screen with contact details and the picker for the default phone number to use with the contact](/static/71d6cbd5cfc0750f97c689f1b0953a09/50681/messaging-contact-details.png)
![Image of the onboarding screen of the app](/static/e533e41187f1ef0e9759d02fcbd7f80b/50681/messaging-onboarding.png)
![Image of three screens of the Messaging app: list of messages, settings and chat screen](/static/512c71001dc9bbd1edb6ed8344c1587c/93155/messaging-three-screens.png)
Icons. Simple two-tone icons should help people to easier navigate through the app. Also they are quite pleasant to look at.
![Some icons used in Messaging app](/static/9a2cc0b91b42f04fbd0500ab7f92a17c/93155/messaging-icons.png)
Android app. With a distinct design language and platform it was quite a challenge to design an Android app that would feel right.
![Onboarding screen in Android app](/static/2ef2d2a1b759dee6d6006351b36b9091/93155/messaging-android-onboarding.png)
![Bottom sheet with phone number actions](/static/283640d280e18632ffe4a754b6ada5e3/50681/messaging-android-bottom-sheet.png)
![Edit contact screen](/static/06eda4e78cbb3990896fb4ebb0141d6c/50681/messaging-android-edit-contact.png)
![Image of three screens of Android app: messages list, app settings and chat screen](/static/77a42ba2bc9cdadd196ccf353b071f8c/93155/messaging-android-three-screens.png)
![Contacts screen empty state](/static/ba94688326255b536b943672c94e07e0/93155/messaging-android-empty-state.png)
Other apps
I've also designed second phone number app, various PDF related apps and fax app. All of them have limited purposes that are clearly understandable through the focused interface.
In two apps due to time constraints I’ve used great ready-made icons from SF Symbols and Microsoft Fluent system, in all others the icons are made from scratch.
![Three screens of the iPhone Fax app: new fax composition, sent fax status and the list of faxes](/static/0cb0f9f7be3d8e1d86e02cff84dadcbb/93155/other-three-iphones.png)
![Settings screen of the iPhone Fax app](/static/ba084ef4977e594e7765663119169710/50681/other-fax-settings.png)
![Bottom sheet with add new page actions in Android Fax app](/static/526adbac09c8e184a2629c979ae5cc0b/50681/other-fax-android-new-page.png)
![Three screens of the Android Fax app: app settings, new fax composition and failed fax status](/static/ceb698c5851f795d296aeb699d8333cf/93155/other-fax-three-screens.png)
![Some icons used in Fax app](/static/3e456a270692242a80301e0908d7a513/9039c/other-fax-icons.png)
![Two screens of Android Second Phone app: manage plans and ongoing call](/static/46928568d6570835756e73bfafb0d230/9039c/other-android-two-phones.png)
![Second Phone app iPad phone screen in horizontal orientation](/static/f2293c1cb392b044438b264f56402ba7/9039c/other-secondphone-ipad.png)
![Second Phone app onboarding screen on iPad](/static/2cdad91dae99fbce98a419e62436607d/50681/other-secondphone-ipad-onboarding.png)
![PDF Signer screen with files, folders and new file actions on iPad](/static/0c9c675e43eab8c9ce37cf17803ed86b/50681/other-signer-ipad.png)
![PDF Signer screen with the area to scribble a signature on iPhone](/static/7b3ec7929dafe127c6a5b1108378f64b/9039c/other-signer-signature.png)
![Some icons used in Text Recognizer app](/static/3f23ac8b5edde5c3a8d362b10a292b50/50681/other-recognizer-icons.png)
![Some icons used in Signer app](/static/1d92e3e6a8ecc7adb2737feb40481926/50681/other-signer-icons.png)
![Text recognizer app document view with available actions](/static/bc790c26cacffeb8d612649c56ac5739/50681/other-recognizer-document.png)
![Signer app list of available signatures](/static/c9f6c011e908547fffcc2cad2c7b04e1/50681/other-signer-signatures.png)