Wszystkie projekty
CASE STUDY · 2024

Zakup domen i skrzynek e-mail

Projekt flow zakupu domen i konfiguracji skrzynek e-mail, który upraszczał techniczny proces uruchamiania infrastruktury mailowej.

Rola
UX/UI Designer
Zakres
Research konkurencji, definiowanie flow i use case’ów oraz projektowanie UI
Zespół
Product Manager, Frontend, Backend
Narzędzia
Figma, Miro
Pierwszy ekran flow: wyszukiwarka dostępności domeny z listą propozycji i podsumowaniem zamówienia.
Wyszukiwarka dostępności z listą propozycji i sumą zamówienia
Problem

Użytkownicy musieli kupować domeny, zakładać skrzynki i konfigurować infrastrukturę mailingową poza produktem. Proces był techniczny, podatny na błędy i często prowadził do niedziałających kampanii.

Własne domeny i dedykowane skrzynki dawały większą kontrolę nad konfiguracją wysyłki niż darmowe konta pocztowe, dlatego były istotnym elementem skutecznych kampanii cold mailingowych.

Proces

Iteracyjnie, razem z zespołem

01
Analiza

Zrozumienie kontekstu

Rozmowy z PM-em i supportem oraz analiza ograniczeń, research

02
Flow

Lo-fi flow

Projektowanie flow, struktury ekranów i głównych ścieżek użytkownika.

03
Kick-off

Wspólne omówienie flow

Weryfikacja zakresu, zależności i kierunku wdrożenia razem z zespołem

04
UI

Ekrany i komponenty

Projekt finalnych ekranów i komponentów.

05
Wdrożenie

Współpraca z zespołem developerskim

Odbiory wdrożenia, poprawki UI i uzupełnianie brakujących elementów.

Figma — board projektowy, ekrany, ścieżki, komentarze figma / domains-mailboxes — working board
Główne założenia projektu

Kluczowe elementy flow

01 / WIDOK FUNKCJONALNOSCI W APP

Zakup domen i skrzynek z poziomu aplikacji

Funkcjonalność została osadzona bezpośrednio w procesie dodawania nowej skrzynki do app, tak aby użytkownik nie przerywał tego procesu.

Krok Connect — wybór dedykowanego setupu lub podłączenia istniejącego konta email skrzynki e-mail / dodawanie — sposób połączenia
Modal wyboru — nowe domeny i skrzynki lub dodanie skrzynek do posiadanych domen skrzynki e-mail / dodawanie — wybór konfiguracji
02 / Wyszukiwarka domeny

Domena jako pierwszy krok konfiguracji

Proces konfiguracji rozpoczyna się od wyszukania domen, do których konfigurowane bedą skrzynki. Najważniejsze elementy widoczne są w obrębie jednego viewportu, bez nadmiaru ustawień na starcie.

Krok Check domains — lista wybranych domen do zakupu modal / krok 1 — wybór domen
Krok Domain details — formularz danych właściciela domeny modal / krok 2 — dane rejestracyjne
03 / Skrzynki

Wiele skrzynek pod jedną domeną

Modal umożliwia przypisanie do wybranych domen wielu skrzynek bez przechodzenia przez proces od początku dla każdej z nich osobno.

Krok Set email accounts — generowanie skrzynek w wielu domenach naraz modal / krok 3 — konfiguracja skrzynek
Krok Summary — podsumowanie domen, skrzynek i płatności modal / krok 4 — podsumowanie
04 / Zarządzanie

Lista zakupionych domen, skrzynek

Po zakupie użytkownik trafia na widok do zarządzania domenami, skrzynkami. Widzi statusy - postęp konfiguracji, błędy i ustawienia.

Widok zarządzania domenami i skrzynkami — lista domen z rozwiniętymi kontami email, statusami i akcjami Skrzynki i domeny / overview
Rozwój funkcjonalności

Kolejne iteracje,
jak system rósł w czasie

Iteracja 01 / Rozliczenia domen 2025

Oddzielenie domen od głównego planu

Wraz z rozwojem flow zakupu domen pojawiła się potrzeba rozdzielenia sposobu rozliczania domen i skrzynek e-mail. Domeny były odnawiane rocznie, a skrzynki działały jako element miesięcznej subskrypcji, więc użytkownik musiał jasno widzieć różnicę między tymi płatnościami.

Odpowiadałem za przygotowanie pełnego flow, w tym:

  • rozdzielenie domen i skrzynek na summary / „paragonie”,
  • dodanie zakładki Additional features w billingu,
  • widok odnowień domen i kolejnych płatności,
  • obsługę agencyjnych klientów i nazw klientów przy domenach.
Iteracja 02 / Providerzy i typ serwera 2025

Większa kontrola nad infrastrukturą

Kolejna iteracja dotyczyła wyboru providera oraz typu serwera dla nowych domen. Użytkownik miał lepiej rozumieć, gdzie kupuje domeny i skrzynki oraz kiedy może skorzystać z dedykowanego serwera zamiast domyślnej konfiguracji.

Odpowiadałem za przygotowanie pełnego flow, w tym:

  • wybór providera domen i skrzynek,
  • opcję dedykowanego serwera dla wybranych providerów,
  • komunikację ograniczeń dla providerów bez dedykowanego serwera,
  • obsługę nowych dostawców, takich jak Google i Microsoft.
Iteracja 03 / Pre-warmed infrastructure 2025

Zakup gotowych, rozgrzanych domen i skrzynek

Następnym krokiem było dodanie możliwości zakupu gotowej infrastruktury - domen i skrzynek, które były już przygotowane do szybszego startu kampanii. W tym wariancie użytkownik nie tworzył własnych nazw skrzynek, tylko wybierał dostępne domeny z gotowej puli.

Odpowiadałem za przygotowanie pełnego flow, w tym:

  • wejście do zakupu pre-warmed infrastructure,
  • wybór dostępnych domen z gotowej puli,
  • stałą liczbę skrzynek przypisaną do domeny,
  • osobny przebieg flow bez ręcznej konfiguracji nazw skrzynek,
  • oznaczenie domen i skrzynek jako pre-warmed.
Efekt

Funkcjonalność weszła do produktu jako stała część aplikacji. Użytkownicy mogą samodzielnie zamawiać domeny i skrzynki oraz śledzić status ich konfiguracji z poziomu panelu.

Następny projekt
Nowe metryki rozliczeniowe
Zobacz