Master the Self Studio · Coaching stylu życia, Tucson, Arizona

Wszystko, co widać, powstało z jednego dokumentu.

Master the Self Studio przyszło do nas jako pomysł i spisana wizja. Bez logo, bez kolorów, bez strony. Zbudowaliśmy markę, a potem platformę, którą studio prowadzi samo.

Strona główna Master the Self Studio na ekranie komputera: ciemnozielone hero z hasłem Redesign your life from the inside out i przyciskiem Book Appointment.
Ta sama strona główna na telefonie, z przyciskiem menu i wezwaniem Start Your Blueprint.
Publiczna strona tak, jak działa dzisiaj: na komputerze i na telefonie.
Punkt wyjścia
Jeden spisany dokument, bez widzialnej formy.
Co zbudowaliśmy
Markę, prerenderowaną stronę i panel do publikowania.
Na żywo od
5 września 2026
Kto dziś publikuje
Właścicielka studia, bez dzwonienia do nas.

Logo to trzy okręgi. Zachodzą na siebie, a w miejscu, w którym spotykają się wszystkie trzy, siedzi jedna miedziana kropka.

Ten znak to cała praktyka w jednym rysunku i nie istniał, dopóki go nie narysowaliśmy. Tak samo kolory, typografia, papeteria, strona i panel, z którego studio dzisiaj publikuje. Istniał dokument.

Od czego się zaczęło

Jordynn Watson prowadzi praktykę coachingu stylu życia w Tucson w Arizonie. Ma licencjat i magisterium z psychologii na Arizona State oraz sposób pracy, który nie zgadza się na traktowanie człowieka jak trzech osobnych problemów: umysł i kultura, ciało i biologia, przestrzeń i otoczenie. Jedna metoda, trzy wejścia do niej.

Przyniosła to myślenie spisane. Długi dokument z jej drogą zawodową, misją, trzema usługami razem z haczykiem i zakresem każdej z nich, i starannie sformułowaną notą o tym, że prowadzi coaching, a nie diagnozuje. Było to jasne, było jej i było dokładne.

Było też niewidzialne. Żadnego logo, palety, kroju pisma ani znaku słownego. Nic do wstawienia w stopkę maila i żadnej strony. Tak dobra praktyka zasługiwała na więcej niż plik tekstowy, a dopóki ktoś jej nie narysował, plikiem tekstowym pozostawała.

Najpierw marka

Znak wyszedł z jej własnej metody, a nie z tablicy inspiracji. Trzy okręgi na trzy obszary, w których pracuje, zachodzące na siebie zamiast stać obok siebie, bo cały jej argument brzmi, że to jeden system. Miedziana kropka siedzi w tym jedynym punkcie, w którym przecinają się wszystkie trzy. Tym punktem jest człowiek.

Umysł i kultura Ciało i biologia Przestrzeń i otoczenie Człowiek
Trzy okręgi na trzy obszary jednego życia. Miedziany punkt to miejsce, w którym się spotykają.

Wokół tego stanęła paleta, która miała brzmieć spokojnie, a nie klinicznie: głęboka zieleń (#1F3226), miedziany akcent (#BD7C52) i ciepły krem (#F1ECE0), na którym jedno i drugie siada. Znak słowny to szeryfówka z ciężarem i ciepłem, pod nią rozstrzelone STUDIO w miedzi.

Potem ta mniej efektowna połowa, od której zależy, czy marka jest używalna, a nie tylko ładna: układ poziomy i pionowy, wersje podstawowe i odwrócone każdego z nich, sam sygnet w kolorze, czerni i bieli, spisane zasady, żeby reguły przetrwały beze mnie w pokoju, papeteria i szablony maili.

  • Las#1F3226
  • Miedź#BD7C52
  • Ciepły krem#F1ECE0
Znak słowny i paleta w takiej postaci, w jakiej zostały oddane.

Dopiero po tym wszystkim rozmawialiśmy o stronie.

Szukanie właściwego sposobu budowy

Jej wizja musiała potem zamienić się w podstrony i pierwsza wersja stanęła jako ręcznie zbudowany statyczny HTML: strona główna, trzy usługi, FAQ, osobne strony programów.

Próbowaliśmy więcej niż jednej drogi do tego, co stoi za stroną. Mały system treści napisany od zera w PHP. Budowa na WordPressie. Każde z tych rozwiązań jest sensowną odpowiedzią na realne pytanie, a pytanie pod spodem było za każdym razem to samo: kto będzie zmieniał tę stronę za rok?

Praktyka coachingowa pisze. Wpisy do dziennika, poprawki na stronach, zdjęcie podmienione, kiedy zmienia się pora roku. Jeśli każda z tych rzeczy wymaga maila do mnie, dzieją się dwie. Strona powoli traci aktualność, a ja staję się wąskim gardłem w cudzej firmie.

Kto będzie zmieniał tę stronę za rok?

  1. Ręcznie pisany statyczny HTML

    Pierwsza wersja: strona główna, trzy usługi, FAQ, strony programów. Szybka, ale każda zmiana szła przeze mnie.

  2. Mały system treści w PHP

    Napisany od zera. Odpowiadał na pytanie o edycję za cenę drugiej bazy kodu do utrzymania.

  3. WordPress

    Elastyczny, z zestawem wtyczek, których żadne z nas nie napisało, i rachunkiem za utrzymanie bez końca.

  4. Strona w Reakcie z własnym panelem

    Publiczna strona zbudowana pod szybkość i panel zbudowany pod pracę jednej osoby.

    To zbudowaliśmy

To przesądziło sprawę, a nie spór o to, która platforma jest najlepsza w oderwaniu od projektu. WordPress oznaczałby zestaw wtyczek, których żadne z nas nie napisało, i rachunek za utrzymanie bez końca. Wyszliśmy na stronie zbudowanej pod szybkość i panelu zbudowanym pod nią.

Co działa dzisiaj

Publiczna strona jest w Reakcie, prerenderowana do statycznego HTML-a i uruchamiana w przeglądarce dopiero potem, więc robot i człowiek na wolnym telefonie dostają treść bez czekania na JavaScript. Sześć podstron, dziennik z podziałem na tematy i stronicowaniem, polityka prywatności i panel ciasteczek, który nie włącza niczego poza kategorią niezbędną.

Strona usługi Mind and Culture na ekranie komputera: hasło Achieve your full potential i przycisk Book a Discovery Call.
Strona główna na telefonie.
Strona główna
Strona usługi Mind and Culture na telefonie.
Strona usługi
Strona dziennika na telefonie, z hasłem Read a little. Change a little.
Dziennik
Prawdziwe ekrany z września 2026: jedna strona usługi na komputerze, trzy podstrony na telefonie.

Za tym stoi panel: przegląd, strony, media, dziennik, ustawienia serwisu, wiadomości, komentarze, subskrybenci, publikacja, użytkownicy. Edycja idzie na żywym podglądzie, w którym kliknięcie w tekst przenosi do pola, które nim steruje. Zapis wersji roboczej, zatwierdzenie, publikacja i strona przebudowuje się w minutę albo dwie.

Przegląd panelu studia: pasek boczny z pozycjami Pages, Media, Journal, Site settings, Messages, Comments, Subscribers, Publish i Users oraz sześć kart opisujących każdy obszar.
Przegląd, do którego loguje się właścicielka. Każdy obszar nazwany językiem praktyki i nic tutaj nie wymaga programisty.

Od wersji roboczej do publikacji

Zapis, zatwierdzenie, publikacja. Strona przebudowuje się sama.

  1. WłaścicielkaPisze i sprawdza
  2. PanelStrony, dziennik, media
  3. ZatwierdzenieWersja robocza, zanim cokolwiek wyjdzie na żywo
  4. PrzebudowaStatyczny HTML w minutę albo dwie
  5. Publiczna stronaSzybka i indeksowana
  • Dziennik z publikacją na termin

    Wpis z datą w przyszłości nie pokazuje się na stronie, dopóki nie wypuści go zadanie chodzące co godzinę.

  • Komentarze najpierw moderowane

    Nic nie pojawia się przed zatwierdzeniem, odpowiedzi właścicielki są oznaczone jako jej, a komentarze da się wyłączyć osobno pod każdym wpisem.

  • Lista subskrybentów

    Zapisy z dziennika i spod każdego wpisu, z eksportem w każdej chwili.

  • Kopie zapasowe każdej nocy

    Trzymane przez dwa tygodnie.

Strona ruszyła publicznie i weszła do indeksu 5 września 2026 pod adresem mastertheself.online, a mapa witryny trafiła tego samego dnia do Search Console.

W przygotowaniu

Dedykowany system rezerwacji wizyt połączony z Microsoft 365, żeby terminy lądowały w prawdziwym kalendarzu, a nie w formularzu, oraz moduł płatności, dzięki któremu klient płaci za sesję w chwili jej rezerwowania.

Dlaczego warto to przeczytać

Dwie rzeczy z tego projektu przenoszą się na niemal każdą praktykę zaczynającą od zera.

Pierwsza to kolejność pracy. Marka przed stroną, strona przed pytaniem o platformę. Odwrotna kolejność oznacza wybór systemu, zanim wiadomo, co ma unieść, a potem po cichu projektowanie pod to, co temu systemowi łatwiej wychodzi.

Druga dotyczy tego, kto trzyma klucze. Strona, której właściciel nie umie zmienić, przestaje być prawdziwa jakieś pół roku po starcie. Oddanie panelu kosztuje w budowie więcej niż nieoddanie go. Na tym polega różnica między stroną internetową a czymś, czym firma naprawdę się posługuje.

Co się zmieniło

Jedna tożsamość. Jeden system w rękach właścicielki.

  • Spójna tożsamość

    Znak, paleta, strona i panel mówią tym samym językiem.

  • Publikowanie bez pośrednika

    Strony, wpisy w dzienniku i komentarze zmieniają się bez maila do nas.

  • Miejsce na rozwój

    Rezerwacje i płatności da się dołożyć bez przebudowy publicznej strony.