Miropoix - SaaS dla szefów kuchni

  • UI Design
  • Web Design
  • Motion Design
  • SaaS
Podgląd projektu Miropoix - SaaS dla szefów kuchni

Project overview

Wstęp

Miropoix to aplikacja SaaS skierowana do zespołów kuchennych. Aplikacja daje zespołowi jedno wspólne narzędzie, w którym każdy kucharz dodaje to, co potrzebuje danego dnia. Lista jest automatycznie segregowana według dostawców, a szef kuchni akceptuje zamówienie i może je wysłać bezpośrednio do hurtowni przez e-mail lub WhatsApp.

Problem

Aplikacja, która ma rozwiązać konkretny problem: chaos w składaniu zamówień do hurtowni. W praktyce cały proces wygląda tak, że kucharze pracujący pod szefem kuchni prowadzą własne listy zakupowe na sticky notes, w prywatnych notatkach czy na kartkach. Każdy ma inny styl zapisywania informacji, co w rezultacie prowadzi do rozproszenia, a szef kuchni musi ręcznie zbierać i scalać wszystko przed złożeniem zamówienia.

Pomimo działania na rynku aplikacja miała wyraźne problemy - brak rozpoznawalnego charakteru wizualnego, niska konwersja i niewielkie zainteresowanie grupy docelowej. Klient przyszedł z zadaniem odświeżenia UI i zbudowania marki, która będzie wyróżniać się na tle konkurencji.

Kluczowe widoki aplikacji Miropoix

Cel projektu

Przeprowadzić kompleksowy redesign ekranów aplikacji, landing page i zaproponować nową tożsamość wizualną, która:

  • nada marce wyrazisty, rozpoznawalny charakter kojarzący się z kuchnią,
  • wyróżni Miropoix na tle innych narzędzi do zarządzania zamówieniami,
  • zwiększy konwersję i zainteresowanie aplikacją wśród grupy docelowej.

Moim zadaniem było przede wszystkim wykreowanie designu nowej strony, stworzenie widoków aplikacji oraz animacji. Współpracowałam z analitykiem i UX designerem, który odpowiadał za teksty i wstępny wireframe układu landing page'a.

Design

Proces

Redesign aplikacji

Punktem wyjścia była istniejąca aplikacja, która działała poprawnie, ale wizualnie była generyczna i nie budowała żadnych skojarzeń z branżą gastronomiczną. Brakowało jej charakteru, który sprawiłby, że użytkownik rozpozna ją i zapamięta. Ten sam problem dotyczny strony promującej aplikację.

Podczas redesignu skupiłam się na kilku kluczowych obszarach. Przede wszystkim na zbudowaniu spójnej tożsamości wizualnej, która łączy profesjonalizm narzędzia SaaS z energią i dynamiką środowiska kuchennego. Zależało mi, aby aplikacja nie wyglądała jak kolejny nudny panel administracyjny, ale była czytelna i funkcjonalna dla kucharzy.

Zaprojektowałam kompletne widoki aplikacji obejmujące kluczowe ekrany, takie jak dodawanie produktów do listy, segregację zamówień według dostawców czy akceptację próśb innych kucharzy. Oprócz statycznych ekranów opracowałam animacje, które pojawiły się na landing page'u. Dodały one dynamiki i pomogły pokazać działanie aplikacji.

Strona internetowa

Równolegle z redesignem widoków stworzyłam stronę internetową, która pełniła rolę głównego punktu styku z potencjalnymi użytkownikami. Współpracowałam z analitykiem i UX designerem. Został mi dostarczony wireframe układu landing page'a oraz teksty, a moim zadaniem było opracowanie designu, implementacja i animacje. Do budowy strony wybrałam stack technologiczny oparty na Vite, React i Tailwind CSS. Dodatkowo wykorzystałam technologię MCP, dzięki której mogłam „pokazać" AI, jaki efekt chcę osiągnąć bez wysyłania zdjęć poglądowych i pisania długich promptów.

Widok strony internetowej Miropoix

Wnioski

Czego się nauczyłam?

Ten projekt pokazał mi, jak duży wpływ na odbiór produktu ma spójna tożsamość wizualna. Pierwotna wersja aplikacji działała poprawnie, ale bez wyrazistego charakteru nie budowała zaangażowania ani rozpoznawalności. Redesign nie polegał na dodawaniu nowych funkcji, a na nadaniu istniejącemu produktowi osobowości.

Współpraca z analitykiem i UX designerem przy landing page'u nauczyła mnie, jak ważne jest jasne rozdzielenie odpowiedzialności. Wireframe i teksty dostarczane z jego strony stanowiły solidną bazę, na której mogłam budować warstwę wizualną bez zgadywania intencji komunikacyjnych.

W ramach tego projektu mogłam lepiej zaznajomić się ze współpracą z AI. Jako designerka mogłam samodzielnie doprowadzić projekt od designu do działającej strony, zachowując pełną kontrolę nad efektem wizualnym.