BothApps.ai

Cel projektu

• Przeprowadzenie audytu UX istniejącej strony oraz aplikacji BothApps.ai.
• Ulepszenie strony internetowej pod kątem sprzedaży i konwersji.
• Zaprojektowanie panelu użytkownika z bardziej intuicyjnym procesem obsługi.
• Wyjaśnienie, czym są interaktywne scenariusze AI dla fotobudek.
• Pokazanie wartości biznesowej dla właścicieli fotobudek i firm eventowych.
• Uporządkowanie katalogu scenariuszy oraz sposobu prezentacji oferty.
• Uproszczenie konfiguracji scenariusza po zakupie.
• Nadanie produktowi bardziej nowoczesnego, eventowego i profesjonalnego charakteru.

Odbiorcy strony i aplikacji

• Właściciele fotobudek obsługujący eventy firmowe, konferencje, integracje i aktywacje marek.
• Firmy eventowe szukające sposobu na wyróżnienie swojej oferty.
• Operatorzy fotobudek, którzy chcą sprzedawać klientom coś więcej niż standardowe zdjęcia i filtry.
• Klienci biznesowi zainteresowani nowoczesnymi atrakcjami AI na wydarzeniach.
• Użytkownicy aplikacji, którzy muszą szybko kupić, skonfigurować i uruchomić scenariusz przed eventem.

Wyzwanie projektowe

Największym wyzwaniem było pokazanie nowego produktu w sposób zrozumiały i sprzedażowy. BothApps.ai nie jest klasyczną fotobudką ani prostym generatorem zdjęć AI. To platforma, która pozwala tworzyć bardziej rozbudowane doświadczenia eventowe: uczestnik robi zdjęcie, przechodzi przez scenariusz, odpowiada na pytania, a następnie otrzymuje spersonalizowany efekt wizualny, raport lub dodatkowy materiał.

Strona musiała więc szybko odpowiedzieć na kilka pytań użytkownika:

• Co to właściwie jest?
• Czym różni się od zwykłej fotobudki?
• Jaką wartość daje właścicielowi fotobudki?
• Dlaczego klient eventowy miałby zapłacić za to więcej?
• Jak wygląda zakup i konfiguracja scenariusza?

Drugim wyzwaniem była aplikacja. Panel użytkownika musiał prowadzić użytkownika przez proces konfiguracji w prosty sposób, mimo że sam produkt zawiera elementy techniczne, takie jak webhook, Breeze, SMTP, Twilio, ekrany fotobudki i wysyłka wyników do uczestników.

Dlatego projekt wymagał nie tylko nowego wyglądu, ale przede wszystkim uporządkowania doświadczenia użytkownika.

Zakres prac UX/UI

• Audyt UX istniejącej strony internetowej i aplikacji.
• Analiza problemów w komunikacji, strukturze i procesach użytkownika.
• Przygotowanie rekomendacji zwiększających czytelność i konwersję strony.
• Zaprojektowanie nowej strony internetowej nastawionej na sprzedaż scenariuszy AI.
• Opracowanie sekcji wyjaśniających wartość produktu, sposób działania i zastosowania eventowe.
• Przygotowanie katalogu scenariuszy w bardziej atrakcyjnej i sprzedażowej formie.
• Zaprojektowanie porównania: zwykła fotobudka vs scenariusz AI.
• Przygotowanie ulepszonego panelu użytkownika z nowym designem.
• Uporządkowanie dashboardu, zakupionych scenariuszy i statusów.
• Zaprojektowanie procesu konfiguracji scenariusza krok po kroku.
• Uproszczenie obsługi integracji technicznych, m.in. Breeze, SMTP i Twilio.
• Przygotowanie projektu w Figmie do dalszego wdrożenia.

Kluczowe założenia

• Strona miała być bardziej sprzedażowa i nastawiona na konwersję.
• Komunikacja miała zaczynać się od korzyści, a dopiero potem tłumaczyć technologię.
• Produkt miał być pokazany jako nowe doświadczenie eventowe, a nie tylko kolejna transformacja zdjęcia AI.
• Warstwa wizualna miała łączyć klimat AI, eventu, sceny, światła i nowoczesnej technologii.
• Aplikacja miała być prostsza w obsłudze i bardziej intuicyjna.
• Proces konfiguracji scenariusza miał zostać podzielony na czytelne kroki.
• Elementy techniczne miały być opisane bardziej ludzkim językiem.
• Panel użytkownika miał wyglądać nowocześnie, ale nadal wspierać szybkie wykonanie zadania.

Efekty prac UX/UI

• Powstała ulepszona koncepcja strony internetowej, która lepiej tłumaczy wartość BothApps.ai i wspiera decyzję zakupową.
• Strona została zaplanowana jako landing sprzedażowy nastawiony na większą konwersję.
• Komunikacja produktu została przesunięta z języka technologii na język korzyści biznesowych.
• Katalog scenariuszy został zaprojektowany jako element sprzedażowy, pokazujący konkretne efekty i możliwe zastosowania.
• Warstwa wizualna została rozwinięta w kierunku ciemnego, eventowego klimatu z neonowymi akcentami, światłem i atmosferą wydarzenia.
• Powstał nowy design panelu użytkownika.
• Dashboard został uporządkowany jako centrum zarządzania zakupionymi scenariuszami, statusami, transformacjami i konfiguracją.
• Proces konfiguracji został podzielony na prostsze kroki, dzięki czemu użytkownik łatwiej rozumie, co musi zrobić przed uruchomieniem scenariusza.
• Aplikacja została zaprojektowana tak, aby lepiej wspierać zakup, aktywację, konfigurację i obsługę scenariuszy na eventach.

Rola Zoriany Tuszakowskiej i UX-MAN

Projekt został wykonany w ramach kursu UX Designer prowadzonego przez UX-MAN:
https://ux-man.pl/kurs-ux-designer

Główną projektantką projektu była Zoriana Tuszakowska, która odpowiadała za opracowanie koncepcji UX/UI, przygotowanie widoków, analizę problemów i zaprojektowanie ulepszonego doświadczenia użytkownika.

Moja rola obejmowała mentoring UX, konsultacje projektowe, kontrolę jakości, wsparcie w podejmowaniu decyzji projektowych oraz dbanie o to, aby projekt był spójny biznesowo, sprzedażowo i użytkowo.

Dzięki temu projekt był jednocześnie realnym wdrożeniowym wyzwaniem oraz praktycznym etapem rozwoju kompetencji projektowych kursantki.

Podsumowanie

Projekt BothApps.ai pokazuje, jak ważne jest połączenie audytu UX, komunikacji sprzedażowej i dobrze zaprojektowanego panelu użytkownika. Klient przyszedł do nas z produktem AI, który miał duży potencjał, ale wymagał lepszego wyjaśnienia wartości oraz uproszczenia obsługi.

W efekcie powstała koncepcja strony internetowej nastawionej na większą konwersję oraz nowy panel użytkownika zaprojektowany pod większą intuicyjność. Strona pomaga lepiej sprzedawać scenariusze AI właścicielom fotobudek i firmom eventowym, a aplikacja prowadzi użytkownika przez zakup, konfigurację i obsługę scenariusza w bardziej uporządkowany sposób.

To projekt, który łączył strategię sprzedażową, UX, UI, technologię AI i praktyczne zastosowanie w branży eventowej.

Interaktywny prototyp

Powiększ ekran i przejdź przez interaktywny prototyp (przeklikaj i przescrolluj). Dostępna jest także wersja na inne rozdzielczości.