Projekt UX/UI

BothApps.ai — strona internetowa

Odpowiedzialność: Tylko UX/UI Design

Klient zgłosił się do nas z projektem opartym na sztucznej inteligencji, który miał duży potencjał, ale wymagał lepszego wyjaśnienia wartości, mocniejszej komunikacji sprzedażowej i bardziej atrakcyjnej prezentacji produktu. Naszym zadaniem było zaprojektowanie strony, która nie tylko wygląda nowocześnie, ale przede wszystkim pomaga użytkownikowi szybko zrozumieć, czym jest BothApps.ai i dlaczego warto wdrożyć takie scenariusze w swojej ofercie eventowej.

Strona została zaplanowana jako landing nastawiony na większą konwersję. Jej celem było pokazanie, że BothApps.ai nie jest kolejną prostą transformacją zdjęcia AI, ale gotowym produktem, który pozwala właścicielom fotobudek oferować bardziej angażujące, personalizowane i wartościowe doświadczenia dla klientów biznesowych.

Cel projektu

  • Wyjaśnienie, czym są interaktywne scenariusze AI dla fotobudek.
  • Pokazanie różnicy między zwykłą fotobudką a scenariuszem AI.
  • Zbudowanie strony nastawionej na większą konwersję i sprzedaż scenariuszy.
  • Przedstawienie korzyści biznesowych dla właścicieli fotobudek i firm eventowych.
  • Uporządkowanie oferty w formie katalogu scenariuszy.
  • Pokazanie przykładowych zastosowań produktu na eventach.
  • Nadanie marce bardziej nowoczesnego, technologicznego i eventowego charakteru.

Odbiorcy strony

  • Właściciele fotobudek obsługujący eventy firmowe, konferencje i aktywacje marek.
  • Firmy eventowe szukające nowych atrakcji dla klientów.
  • Operatorzy fotobudek, którzy chcą wyróżnić swoją ofertę na tle konkurencji.
  • Klienci B2B zainteresowani nowoczesnymi doświadczeniami AI na wydarzeniach.
  • Osoby decyzyjne, które muszą szybko zrozumieć wartość produktu i możliwość jego wdrożenia.

Wyzwanie projektowe

Największym wyzwaniem było pokazanie nowego typu usługi w prosty i sprzedażowy sposób. Produkt łączył kilka obszarów: fotobudki, eventy, sztuczną inteligencję, personalizację, raporty i gotowe scenariusze. Bez odpowiedniej komunikacji użytkownik mógł nie zrozumieć, czym BothApps.ai różni się od zwykłego generatora obrazów lub standardowej fotobudki.

Strona musiała więc odpowiedzieć na kilka kluczowych pytań:

  • Co to jest BothApps.ai?
  • Jak działa scenariusz AI?
  • Co otrzymuje uczestnik eventu?
  • Co zyskuje właściciel fotobudki?
  • Dlaczego ten produkt może pomóc wyróżnić ofertę?
  • Jakie scenariusze są dostępne?
  • Jak można je wykorzystać podczas wydarzeń?

Ważne było także odejście od zbyt technicznego języka i przejście w stronę komunikacji opartej na korzyściach. Strona miała najpierw pokazywać wartość biznesową, a dopiero później wyjaśniać szczegóły działania.

Zakres prac UX/UI

  • Audyt obecnej komunikacji strony.
  • Uporządkowanie struktury strony głównej.
  • Zaprojektowanie sekcji hero z mocniejszą obietnicą wartości.
  • Przygotowanie sekcji korzyści dla właścicieli fotobudek.
  • Opracowanie katalogu scenariuszy AI.
  • Zaprojektowanie porównania: zwykła fotobudka vs scenariusz AI.
  • Przygotowanie sekcji z przykładowymi zastosowaniami eventowymi.
  • Uporządkowanie CTA i ścieżki prowadzącej do zakupu / kontaktu.
  • Opracowanie nowego kierunku wizualnego strony.
  • Przygotowanie projektu w Figmie jako podstawy 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 nie od technicznych funkcji.
  • Produkt miał być pokazany jako doświadczenie eventowe, a nie tylko narzędzie AI.
  • Katalog scenariuszy miał prezentować różnorodne efekty i możliwości zastosowania.
  • Warstwa wizualna miała łączyć klimat AI, sceny, światła, eventu i nowoczesnej technologii.
  • Strona miała szybko prowadzić użytkownika od zainteresowania do decyzji zakupowej.
  • Język miał być prosty, konkretny i zrozumiały dla właścicieli fotobudek oraz firm eventowych.

Efekty prac UX/UI

  • Powstała koncepcja strony internetowej lepiej tłumaczącej wartość BothApps.ai.
  • Strona została zaprojektowana jako landing sprzedażowy nastawiony na większą konwersję.
  • Komunikacja została przesunięta z języka technologii na język korzyści biznesowych.
  • Sekcja hero szybciej pokazuje, że produkt pomaga sprzedawać interaktywne doświadczenia AI na eventach.
  • Katalog scenariuszy został zaprojektowany jako element sprzedażowy, a nie tylko lista produktów.
  • Porównanie zwykłej fotobudki ze scenariuszem AI pomaga użytkownikowi szybciej zrozumieć przewagę produktu.
  • Warstwa wizualna otrzymała ciemny, eventowo-technologiczny charakter z neonowymi akcentami, światłem i atmosferą wydarzenia.
  • Strona lepiej wspiera decyzję zakupową i pokazuje BothApps.ai jako produkt premium dla branży eventowej.

Rola Zoriany Tuszakowskiej i UX-MAN

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

Główną projektantką była Zoriana Tuszakowska, która odpowiadała za przygotowanie koncepcji UX/UI strony, opracowanie widoków i przełożenie rekomendacji audytowych na nowy projekt.

Moja rola obejmowała mentoring UX, kontrolę jakości, konsultacje projektowe oraz nadzór nad kierunkiem sprzedażowym, komunikacyjnym i wizualnym strony.

Podsumowanie

Projekt strony internetowej BothApps.ai pokazuje, jak ważne jest odpowiednie przedstawienie nowego produktu technologicznego. W tym przypadku kluczowe było nie tylko pokazanie funkcji AI, ale przede wszystkim wyjaśnienie, jak scenariusze mogą pomóc właścicielom fotobudek wyróżnić ofertę i sprzedawać bardziej angażujące doświadczenia eventowe.

Dzięki nowej strukturze, mocniejszemu językowi korzyści, czytelniejszemu katalogowi scenariuszy i bardziej eventowej warstwie wizualnej, strona lepiej wspiera sprzedaż oraz pokazuje BothApps.ai jako nowoczesne rozwiązanie dla 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.

No items found.
Makiety UX/UI

Zobacz pozostałe Makiety UX/UI dla Aplikacji i Stron internetowych

Zobacz przykłady makiet UX i UI przygotowanych w procesie projektowania stron internetowych i aplikacji mobilnych. Każda makieta UX to podstawa intuicyjnego interfejsu i lepszego doświadczenia użytkownika.

Więcej projektów
Projektowanie UX/UI

Kluczowe usługi UX/UI dla firm

Makiety UX/UI stron internetowych, sklepów i aplikacji oraz audyty użyteczności.

Makiety UX/UI stron internetowych

Projektuję makiety UX/UI stron internetowych i landing page’y dopasowane do celów biznesowych i potrzeb użytkowników. Tworzę intuicyjne interfejsy wspierające konwersję i przygotowane do sprawnego wdrożenia.

Makiety Stron

Makiety UX/UI Aplikacji

Projektuję makiety aplikacji mobilnych, webowych, SaaS i dedykowanych systemów. Dbam o użyteczność, intuicyjne ścieżki użytkownika i przygotowanie projektu UX/UI do sprawnego wdrożenia.

Makiety Aplikacji

Makiety UX/UI sklepów internetowych

Projektuję makiety UX/UI sklepów internetowych z naciskiem na intuicyjną nawigację, prezentację produktów i skuteczną ścieżkę zakupową. Projekt przygotowuję w Figma, gotowy do późniejszego wdrożenia.

Makiety Sklepów

Potrzebujesz indywidualnej wyceny projektu UX/UI lub grafiki?

Wypełnij krótki formularz — na jego podstawie przygotuję rekomendację i wycenę dopasowaną do celu projektu (UX/UI, audyt, grafika).

Masz pytanie?

Ten formularz służy wyłącznie do krótkich zapytań organizacyjnych lub technicznych. Wyceny projektów realizuję tylko przez formularz zgłoszenia projektu UX/UI lub Grafiki.

Dzięki za wiadomość!
Odniosę się w przeciągu najbliższej doby :)

Piotrek Trzaskowski UX-MAN
Coś poszło nie tak. Spróbuj wysłać wiadomość jeszcze raz.