UI/UX Case StudyiOS AppFreelanceCommunity platform

iTethr.

A community platform where international students find their people, powered by bubbles instead of tabs.

Client
AeonovX SIA · Riga, Latvia
Role
Freelance UI/UX Designer
Timeline
2025 · System restructure 2026
Platform
iOS · Light & Dark
Open in Figma ↗
iTethr app screens showcase
01 — Overview

One place for your people.

iTethr is a community platform for international students, organisations, creators and global users. People build structured communities, offer services and connect through real-time social tools.

An in-house AI assistant, Aeono, runs through the product: in search, in chat and in the marketplace.

I designed the iOS app end to end for AeonovX SIA, a product company in Riga: product and interaction design, the design system and developer handoff.

02 — The challenge

Feeds and tab bars everywhere.

Social and community apps feel like endless feeds and tab bars. International students especially struggle to find their people, whether that’s university departments, local communities or trusted services, in one place. Institutions also lack a structured way to run many sub-communities under one roof.

G1
Make Home feel alive, not like a list
G2
Give institutions real structure
G3
Build trust between strangers
03 — Information architecture

From Home to the room.

Every community follows the same nesting. The “i/” prefix means “inside” and doubles as brand language.

Standard
HomeBubble view
→
SpacesHome · Favorites · Global · Custom
→
Community
→
HubFolder
→
i/chati/talki/storei/forum
Institutions
Community ProBusiness Profiles only
→
i/Communitiese.g. university departments
→
Hub
→
i/rooms
Board members
↔
Admin bridge
↔
Department admins
04 — Key experiences

How it works.

01

A Home without a tab bar

Floating, animated bubbles stand for communities and connections, so Home feels spatial and present. The Aeono AI search bar sits at the bottom, iFeed is top-left, and Marketplace and Notifications are top-right.

Home
Home
iFeed
iFeed
Loops
Loops
02

Spaces

Swipe between Home, Favorites, Global and custom Spaces such as “Study Room” or “Startup Notes”. Long-press any bubble for quick actions.

New Space
New Space
03

Structured communities

A community holds Hubs, and each Hub holds i/ Rooms for chat, voice, a store and a forum. Members always know where a conversation lives.

Community
Community
i/Talk
i/Talk
Create Hub
Create Hub
04

Community Pro & i/Communities

For institutions such as a university with departments. Board members send targeted announcements that cascade to departments, and an admin bridge connects board and department admins.

Community Pro half page
Community Pro
↕ Scroll the screen
Announcement
Announcement
Explore
Explore
05

Aeono AI throughout

Conversational search with a choice of model, and smart reminders detected from chat, such as “meeting at 10pm”.

AI search
AI search
Result
Result
Smart reminder
Smart reminder
06

Tethr connections & trust

Connections are mutual and consent-based instead of follow and follow-back. Profiles show a Trust Score, Tethrd level and verification badges for Students, Freelancers and Professionals.

Profile
Profile
Business Profile
Business Profile
Chat
Chat
07

Marketplace

Services, rentals, events and AI tools & agents, found by category and reached by DM or external link. Payments and reviews were deliberately left out of V1.

Marketplace
Marketplace
AI tools and agents
AI tools & agents
05 — Onboarding

Three steps in.

Username, then date of birth and gender, then interests and privacy. New users land in Home with their personal “You” chat.

Light
Username, light
1 · Username
DOB and gender, light
2 · DOB & Gender
Interests, light
3 · Interests
Dark
Username, dark
1 · Username
DOB and gender, dark
2 · DOB & Gender
Interests, dark
3 · Interests
06 — Design system

Every colour is a variable.

Primitives

The full palette

Theme

Semantic tokens with Light and Dark modes

Dimensions

Spacing, radius and sizes

Typography

Family, weights and sizes

Light
bg/canvas#FBFAF9
bg/surface#FFFFFF
brand/primary#008080
text/heading#0A1A1F
text/secondary#666666
Dark
bg/canvas#1A1D1F
bg/surface#2C3942
brand/primary#00A3A3
text/heading#FFFFFF
text/secondary#8A8A8F

Dark screens are the same layouts with the Theme mode switched. The base screen template changes its background with the mode.

Type scale · Avenir Next
Heading / H128 Demi
Heading / H224 Demi
Heading / H320 Demi
Title / Medium16 Demi
Body / Medium16 Regular
Label / Medium14 Demi
Caption / Regular12 Regular
45
Components with variants and properties
~300
Design tokens across 4 variable collections
15 · 10 · 7
Text styles · effect styles · bubble gradients
ButtonsInputsChipsIcon buttonsNav headerAI bottom barCommunity bubbleAvatarsStatus pillsList rowsChat bubblesCardsSheetsDialogsBase screen

The community bubble has five states: Standard, Pro ring, Private, Pending and Admin. Effect styles cover soft shadows and glass blurs, and the seven bubble gradients are Aurora, Orchid, Sunset, Ember, Mint, Lime and Lagoon.

07 — Light & Dark

Same layout, both modes.

Home, light
Home, dark
Home
DOB and gender, light
DOB and gender, dark
DOB & Gender
Interests, light
Interests, dark
Interests
08 — Outcome & reflection

What shipped.

  • 10 complete user flows, ~150 screens in Light and Dark
  • A scalable system: 45 components, ~300 tokens
  • A dev-ready file organised by flow, with numbered screens
L1

Spatial UI needs clear anchors. Bubbles make Home feel alive, but fixed positions for search, iFeed and notifications are what keep it usable.

L2

Structure pays off at scale. Community → Hub → i/Room gave every new feature, from Community Pro to the admin bridge, an obvious home.

L3

Theme tokens early. Binding every colour to a semantic variable made dark mode a mode switch rather than a second design.

09 — Prototype

In motion.

A clickable Figma prototype of the app.

Click inside the frame to interact · Use the fullscreen icon for the best view

Next up

Nuvionx.

Read the case study →