context

Paw Hub.

Paw Hub is a Flutter-based startup project enhancing pet care services in Naga City, Philippines. It centralizes vet shops and offers four features: pet medical records, appointment booking, a pet product marketplace, and updates on local pet events.

Paw Hub UI in a phone mockup

the.problem

the need for a centralized platform.

Pet owners in Naga City struggled with the lack of a centralized platform for veterinary services, making it challenging to find and choose suitable options. This inefficiency caused frustration as they relied on scattered sources to locate and evaluate services.

the.goal

centralizing pet care with paw hub.

Paw Hub aims to centralize veterinary clinics in Naga City with a mobile app, making it easier for pet owners to access services, compare prices, and store their pets' health records digitally.

Feature of Paw Hub to achieve the goal

design.process

user flow

This flowchart represents the user journey within a Paw Hub application. Starting from the landing page where users can manage their registered pets, register new pets, books services, shop for products, and explore events.

User flow

the proper font and color.

We wanted to incorporate bright and fun colors since the main focus of the app is pets. For readability, we use the font Lexend.

Color palette of Paw Hub

mid fidelity - final mockups.

We created mid-fidelity mockups first to ensure that the elements, layout, and overall structure aligned with the project goals before proceeding to high-fidelity designs.

Mid-fidelity UI of Paw Hub
Finished UI of Paw Hub
Finished UI of Paw Hub

design system x prototyping.

After finalizing the design and layout of all the pages, I now need to implement the user flow defined during the planning stage. This flow acts as a blueprint for the developers, providing them with clear instructions on the sequence of actions, animations, and transitions for each page.

prototyping phase
components of pawhub

takeaway.

what I learned?

The work is challenging as it's a new environment where I'm producing professional output rather than working in a classroom setting. This pressure drives growth, pushing me out of my comfort zone and fostering creative problem-solving.


I'm learning to think critically, adapt quickly, manage time effectively, and handle pressure—all essential skills in a professional setting. I'm gaining confidence in decision-making, taking ownership of tasks, and collaborating with colleagues through brainstorming, feedback, and problem-solving.


Overall, this experience is building a strong foundation for my career, helping me grow professionally while emphasizing the importance of teamwork and communication.