Vivio app

The web application encompasses various roles such as residential managers, investors, vendors, and receptionists, each with distinct features tailored to their responsibilities within the platform. Despite these differences, all roles are seamlessly interconnected, ensuring smooth collaboration and efficient management. Additionally, the web platform is fully responsive, providing optimal functionality across all devices for enhanced accessibility and convenience.

EXPLANATIONS

Main app features for tenants

Vivio mobile app

1Notification

They keep users informed about important updates such as new posts, scheduled resident meetings, and community interactions, enhancing engagement and timely awareness.

2Calendar

Provides a clear overview of scheduled activities like building meetings or shared events, helping to stay organized and aligned with community plans.

3Filter

Smart filters allow users to quickly find the content they’re looking for - whether it's news, announcements, comments, or past events, everything is easily accessible with just a few taps.

4Post

They enable to share information, updates, and ideas within the community, creating an open and transparent space for communication.

5New Post

It allows users to draft and submit posts that can include text, images, or files. All content is subject to approval by the building manager before being published, ensuring relevance and clear communication within the community.

6Bottom Navigation

It offers direct access to essential sections like News, Chat, Settings, Payments and Profile, ensuring smooth and intuitive movement throughout the app.

MAIN FEATURES

Web app for building managers

Vivio admin panel

1Notifications

They provide the building manager with real-time updates on tenant activity, new post submissions, and upcoming meetings, enabling faster response and efficient coordination.

2Building name & address

It allows the manager to easily view and manage multiple buildings, with clearly displayed names and addresses for quick navigation between properties.

3Side bar

It offers quick access to essential management sections such as Apartments, Notes, Vendors, Chats, Statistics, and Settings - allowing the building manager to handle daily tasks, communication, and operational insights with ease and structure.

4Post

They display content submitted by tenants, allowing the manager to track communication, identify common concerns, and maintain transparency across the building.

5Filter

They allow the manager to quickly sort through posts, meetings, or requests based on date, topic, or status - helping them stay focused on priority items.

6New post

It enables the manager to share announcements, updates, and important information directly with tenants, ensuring clear communication from the top down.

7Post approval

It gives the manager full control over what is published in the community feed, allowing them to review, edit, or reject submitted posts to maintain relevance and respectful discourse.

8Calendar of meetings

It displays upcoming resident meetings and events, making it easy for the manager to schedule, edit, and share meeting details with all tenants in just a few clicks.

Project goal

The goal of the Vivio platform was to create a smart, connected ecosystem that redefines how residential communities communicate, manage, and live. Designed to meet the needs of property investors, building managers, and residents, Vivio provides a centralized digital space for real-time communication, service requests, reservations, payments, and access to important documents.

Our team collaborated closely with the client to develop a flexible and scalable solution that brings simplicity to complex processes. With features like live chat, content sharing, dynamic calendars, and real-time statistics, Vivio transforms traditional property management into a modern digital experience.

By focusing on intuitive design, seamless functionality, and personalized access, Vivio empowers all stakeholders to stay informed, engaged, and connected - raising the standard of everyday living in shared spaces.

circles

Mobile App for tenants

Vivio image 1

Services

When users access the Services section, they can request various maintenance tasks such as building cleaning, plant care, or general upkeep - streamlining communication with the building manager and ensuring well-maintained shared spaces.

Vivio image 2

Chats

Through the Chats section, users can stay in touch with neighbors or communicate directly with the building manager, making everyday coordination smoother and more efficient.

Vivio image 3

Payments

Payments can be made seamlessly within the app, covering expenses like maintenance fees, parking, and shared space reservations - all through a user-friendly and transparent interface.

Vivio image 4

Apartment

The Apartments section provides a clear overview of the resident's personal living space, including name, address, and lease details, serving as a digital ID for their property connection.

UI/UX DESIGN

Style guide

Vivio combines a clean, neutral base with energetic orange accents that draw attention to key actions and enhance user engagement. The color palette balances clarity and warmth, making the platform feel both professional and approachable.



Typography is modern and highly readable, supporting smooth interaction and clear communication. Consistent layout and intuitive navigation guide users effortlessly through the experience, reinforcing Vivio’s role as a practical and connected solution for everyday residential life.

Colors

Gradient

#F3732B

#FF6E43

Blue

#0025D6

Red

#FF4842

Yellow

#EBBA1B

Green_1

#12D773

Green_2

#E7FBF1

Black

#1E1E1E

Grey_1

#484848

Grey_2

#9D9D9D

Grey_3

#C2C2C2

Input_fields

#F5F5F5

Background

#FAFAFA

White

#FFFFFF

Typography

Satoshi

Weights

Regular

Italic

Medium

Medium Italic

Bold

Bold Italic

Sizes

Font size 42, line height 54

Font size 36, line height 48

Font size 28, line height 38

Font size 20, line height 28

Font size 18, line height 26

Font size 16, line height 24

Font size 12, line height 18

More projects