Júlia Savaris
Back

Modu.lite App

App that creates nostalgic widgets for iPhone

A widget-making app that transforms your iPhone into a streamlined, nostalgia-inspired tool for reducing screen time.

Made in Apple Developer Academy at PUC-PR

Team: André Wozniack (developer), Gustavo Munhoz (developer), Brendo Grunevald (brand and graphic designer), Júlia Savaris (UX/UI designer)

Modu.lite is a widget making app that aims to transform your device into a streamlined tool that only demands your attention when necessary.

Unlike other minimalistic apps or “dumbification” apps that strip away all visual elements, Modu.lite draws inspiration from old analog devices to create interfaces that are both functional and visually appealing. By combining wallpapers and interactive widgets, Modu.lite offers a customizable experience that consolidates essential information in one place.

Problem Statement

By spending unregulated amounts of time consuming digital entertainment, smartphone users often miss out on more productive or meaningful activities.

Project Goal

Developing an app that reduces the functionalities of smartphones for addicted users through a lean and playful interface, promoting a healthier relationship between users and their devices.

Design Process

Methodology

Challenge Based Learning

Challenge Based Learning process diagram: Engage (Challenge, General Research), Investigate (Domain Research, Applied Research), and Act (Implementation)

User Research

In order to acquire more information about the multiple facets of the potential target audience, a digital form (using Google Forms) was drawn up with the aim of understanding the main problems, notions and value judgments of smartphone users in their daily life.

The form had a total of 223 responses and gave the team information to build 3 profiles (personas) representing people with problematic mobile phone usage.

Benchmark Research

The analysis was conducted with 10 apps using a set of criteria tailored specifically for this kind of app, including business model, premium plan cost, target audience, features, gamification elements, overall user experience, and others.

Insight: Although some apps address this issue, they often fall short, focusing on limiting usage or blocking apps without fully transforming the device.

Design in Use Research

Design in Use refers to the concept that users can adapt existing products to suit their needs, leading to new applications and even changes to the product’s structure. It also encompasses the idea that various usage scenarios can exhibit design-like qualities.

To explore this further, the team researched how people attempt to reduce their cellphone usage, providing valuable insights to inform the development of the product.

Design in Use research board: digital and physical strategies people use to reduce cellphone use, from wallpaper reminders and blank-space home screens to phone jails, lockboxes, and pouches

Value Proposition Canvas

Value Proposition Canvas mapping customer gains, pains, and jobs against Modu.lite’s gain creators, pain relievers, and products and services

User Flow

User flow diagram: downloading and setting up the first widget, adding it to the home screen, accessing apps through the widget, and creating a new widget

Due to the unique nature of the app’s usage, the onboarding process also had to be carefully planned and mapped out to ensure users understand how the app works and have the best experience possible.

Onboarding flow: welcome page and app concept, widget creation walkthrough, wallpaper explanation, step-by-step guide to adding widgets, and a suggestion to declutter the home screen

Information Architecture

Information architecture diagram: onboarding branching into widgets (created, new), usage status and graphics, and settings (account, subscription, tutorials, FAQ, help)

MVP (First Prototype)

The first prototype was primarily developed by following Apple’s Human Interface Guidelines and utilizing their components, which made the process quicker and more effective for the MVP.

MVP home screenMVP new widget creation flowMVP new widget creation flow, continuedMVP edit widget screenMVP screen time overview

Final User Interface Design

With over 40 screens designed for the final product, the UI design was subsequently handed over to the development team. Below are the final screens for the widget feature, screen time data, and app blocking functionality, along with a mockup of how the widget and background work together.

Results

  • Following thorough user testing, the app launched on the App Store, where it quickly garnered over 100 downloads.
  • Premium features and a subscription plan were later introduced, giving users access to a wider variety of widget skins.
  • Coordinated an Apple Search Ads campaign, which achieved over 4,800 impressions by targeting search result ads.
  • At the end of the project, the team presented results and process to Apple employees, receiving valuable constructive feedback and compliments.
  • The team participated in a round of pitches through a university initiative, gaining valuable experience in defending the app and refining business strategy.
The widget set on an iPhone lock screen alongside a cassette-tape music player moduleA second iPhone showing the full widget and cassette module together on the home screenThe Modu.lite widget on its own, styled like a retro synth/tape deck

See more projects

Discover all projects