WORK /
CATEGORY
Product Design
YEAR
2024
ROLE
UI/UX Designer
INDUSTRY
Mobile App
TIMEFRAME
3 Months
SERVICE
Figma Design
TL;DR
OVERVIEW
Lokerin is an online locker rental app, covering locker booking, lock settings, product selection, payment, and locker locations. The scope here was focused specifically on the home page, designed with two distinct states, a logged-out version that encourages users to sign in, and a logged-in version with a much fuller set of features.
OBJECTIVES
/ 01
Guide Logged-Out Users Toward Signing In
Design a pre-login home page state that clearly encourages users to log in to access the app's full functionality.
/ 02
Surface Key Features to Logged-In Users
Design a comprehensive logged-in home page covering the app's main features in one place.
/ 03
Highlight Relevant, Timely Information
Bring key highlights like nearby locker locations, recent transactions, and promos front and center on the home page.
/ 01
Pre-Login Home Page State
Designed a logged-out version of the home page focused on encouraging users to sign in.
/ 02
Full-Featured Logged-In Home Page
Designed a comprehensive logged-in home page covering the app's main locker rental features.
/ 03
Nearby Locker Locations Highlight
Bring key highlights like nearby locker locations, recent transactions, and promos front and center on the home page.
/ 04
Recent Transactions Highlight
Highlighted recent transactions for quick user reference.
/ 05
Promo Highlights
Surfaced current promos on the home page.
/ 06
/ 01
Two-State Home Page (Logged-Out vs Logged-In)
Rather than a single generic home page, Lokerin's home page was designed with two distinct states, a simplified logged-out version that nudges users to sign in, and a fuller logged-in version surfacing the app's main features, nearby locations, recent transactions, and promos all at once.
/ 02
/ 03
IMPACT
A well-designed home page gives Lokerin users a clear starting point whether they're new and need to log in, or returning and want quick access to nearby lockers, recent activity, and current promos, all without digging through multiple screens.
RESULTS
A comprehensive home page design for Lokerin, covering both logged-out and logged-in states, with the logged-in version surfacing the app's core features alongside highlights like nearby locker locations, recent transactions, and promos.
