Heartthrob Interactive

Firma Heartthrob Interactive zajmuje się testowaniem gier wideo. W swojej ofercie ma również usługi projektowe, takie jak pisanie scenariuszy i projektowanie mechaniki rozgrywki. Firma pochodzi z Polski i działa jako mały zespół pasjonatów o różnych specjalizacjach, takich jak design narracyjny, grafika, zapewnienie jakości i marketing.

Klient zgłosił się do nas z dość dobrze przemyślaną graficzną koncepcją na stronę. Mieli jasną wizję tego, jakie informacje mają być prezentowane na stronie. Było to dla nas dosyć zaskakujące, ponieważ poziom przygotowania wydał nam się dość wyjątkowy. Jak się później okazało, wyjątkowy był sam projekt.

Zgłaszając się do nas, klient miał już dość dobrze przemyślaną koncepcję na stronę. Do zgłoszenia załączony został plik PDF z opisem sekcji, które klient oczekiwałby na stronie, odnośniki do stron, które mogą zostać wykorzystane jako inspiracja, czy nawet gotowa paleta kolorów. Musieliśmy jednak i tak wejść w buty klienta, dokładnie zrozumieć motywacje, to czemu zdecydował, że strona powinna prezentować te, a nie inne informacje.

Takie podejście z naszej strony było jednym ważniejszych powodów, dlaczego klient zdecydował się na współpracę z nami. Zespół Heartthrob prowadził już rozmowy wstępne z innymi firmami, jednak na ogół spotykał się z dość sztampowym podejściem i dopasowywaniem do szablonu pracy wykonawców. Postawiliśmy na wyjątkowo indywidualne podejście i kompleksowe zajęcie się tematem, którego jak się okazuje, brakowało innym firmom.

Sam model realizacji projektów, w jakim pracujemy, również przekonał klienta do nas, ponieważ bardzo przypomina on, to jak tworzy się gry.

Realizacja projektu odbywała się zgodnie z naszym sprawdzonym modelem współpracy . Pierwszym etapem było ustalenie czego klient oczekuje, oraz czego faktycznie potrzebuje. Pozwoliło to nam na przygotowanie projektu graficznego strony. Projekt ten pozwolił nam utwierdzić się w przekonaniu, że każda ze stron tak samo rozumie całość projektu co pozwoliło uniknąć wszelkich nieścisłości już na wczesnym etapie prac.

Po zatwierdzeniu przez klienta projektu graficznego strony wraz z klikalnym prototypem przyszła kolej na część programistyczną. W ramach tego etapu odtworzyliśmy 1 do 1 przygotowany wcześniej projekt graficzny, dbając o zachowanie maksymalnej wydajności oraz pełnej responsywności strony, co przy ustalonym wyglądzie było nie lada wyzwaniem. Oczywiście zadbaliśmy również o to, aby zmiana dowolnego elementu na stronie była prosta i intuicyjna dzięki systemowi zarządzania treścią Strapi.

Gdy strona była już gotowa, to została przez nas wgrana na serwer pod “testową” domeną. Dzięki temu mogliśmy przejść do sprawdzenia wszystkich jej funkcjonalności, tak jakby to była finalna wersja, upewniając się przy tym, że klient otrzyma finalny produkt jak najwyższej jakości. W trakcie etapu testowania strony przez klienta zostały wykryte problemy z prezentowaniem elementów na urządzeniu iPad. Oczywiście wprowadziliśmy szybko poprawki i w myśl powiedzenia „dzisiejszy błąd jutrzejszym procesem” dodaliśmy testy również na tym urządzeniu do naszego procesu testowania strony.

Równolegle do testowania strony analizowaliśmy również umieszczone na niej treści. Niestety część z nich opisywała to, jaki jest klient zamiast tego, jakie problemy klienta rozwiązuje. Zmieniliśmy część treści tak, żeby wykorzystać język wartości i zwiększyć zainteresowanie u finalnego odbiorcy strony.

Podczas całego procesu tworzenia projektu konieczna była sprawna komunikacja. Specyfika projektu wymagała intensywnej komunikacji z klientem, ponieważ ewentualne zmiany mogłyby opóźnić realizację projektu. Z tego powodu głównym kanałem komunikacji w projekcie był Discord, a nie email.

Przy tworzeniu projektu największym wyzwaniem było połączenie unikalnego designu inspirowanego mangą z lat 80. z funkcjonalnym i użytecznym interfejsem użytkownika. Styl, który przyciąga uwagę, często nie idzie w parze z łatwością nawigacji, a przecież chcieliśmy, żeby strona nie tylko dobrze wyglądała, ale też była intuicyjna. Dlatego musieliśmy znaleźć balans między estetyką a wygodą użytkownika. Projektowanie UI w takim stylu wymagało od nas wyjątkowej precyzji, zwłaszcza że każdy element, od przycisków po menu, musiał być spójny z ogólną koncepcją, a jednocześnie prosty w obsłudze.

Podczas testów na różnych urządzeniach odkryliśmy problem ze starszymi modelami iPadów, na których strona wyświetlała się niepoprawnie – elementy graficzne rozjeżdżały się, a niektóre funkcje działały źle. To dość powszechny problem, bo wiele stron ma trudności z optymalizacją pod starsze urządzenia. Udało się go jednak rozwiązać poprzez zmianę struktury kodu, co nie tylko naprawiło wyświetlanie na starszych iPadach, ale sprawiło, że strona działa teraz poprawnie na jeszcze większej liczbie urządzeń. Dzięki temu użytkownicy, niezależnie od modelu urządzenia, mogą cieszyć się w pełni funkcjonalną stroną.

Pomimo niedużej liczby zakładek, konieczne było przygotowanie strony pod prowadzenie różnych działań marketingowych. W tym celu zainstalowaliśmy integrację z Google Tag Manager-em, która działa zgodnie z prawem (ciasteczka nie są zapisywane przed udzieleniem zgody przez użytkownika) oraz nie pogarsza wydajności strony, co na polskim rynku jest rzadkością. Sam układ strony głównej, zamiast działać jak recepcja, prowadzi również użytkownika do wykonania akcji, jaką jest przesłanie zgłoszenia przez formularz kontaktowy. Dzięki takiemu podejściu strona główna może być wykorzystywana również jako miejsce, do którego kierowany jest ruch z reklam.

Kolejnym z tematów, którym musieliśmy się zająć podczas realizacji tego projektu był hosting. Klient, zgłaszając się do nas posiadał już hosting współdzielony dedykowany pod WordPress. Usługa ta była również połączona z pocztą elektroniczną. Tworzone przez nas strony cechuje wysokiej klasy wydajność oraz bezpieczeństwo i z tego powodu hostowane muszą być na serwerach VPS, które nie są współdzielone z innymi. Serwery te są przez nas również zabezpieczane w konkretny sposób. Aby odciążyć klienta, przejęliśmy odpowiedzialność za kontakt z obecnym dostawcą hostingu i zaproponowaliśmy odpowiednie rozwiązanie docelowe.

Finalnym produktem, który otrzymał klient, jest w pełni responsywna strona internetowa, utrzymana w klimacie retro oraz mangi. Projekt wyróżnia się swoją nietypową stylistyką, zachowując przy tym łatwość w zarządzaniu treścią strony. Pomimo licznych grafik dostarczyliśmy najwyższej klasy wydajność, dzięki czemu strona ładuje się błyskawicznie nawet przy słabszym internecie.

Zadbaliśmy również o to, żeby wydajność była zawsze na stałym poziomie. Proces optymalizacji grafik oraz samej strony, wykonywany jest automatycznie, dzięki czemu klient nie musi przejmować się kompresowaniem zdjęć. Dodatkowo strona jest w pełni responsywna, dzięki czemu będzie wyglądać dobrze na różnych urządzeniach nawet gdy klient postanowi zmienić jej sekcje.

W Heartthrob Interactive nie mieliśmy na początku zbyt wiele szczęścia w znalezieniu wykonawcy naszej strony, a sami nie byliśmy w stanie stworzyć naszej wymarzonej wizytówki. W trakcie poszukiwań odpowiedniego dla nas wykonawcy, przekopaliśmy pół polskiego Google w celu znalezienia kogoś, kto rozumie nasz projekt.

Jesteśmy grupą doświadczonych testerów i projektantów gier, którzy od początku wiedzieli jak chcą aby strona wyglądała i działała. Niestety, poza jedną firmą która nie mogła przyjąć zlecenia, przez kilka miesięcy nie udało się nam z nikim dogadać - nie rozumieli projektu.

Narzucano nam szablony i proste rozwiązania, ograniczano ilość znaków i grafik lub zwyczajnie mówiono nam, że to jest “bardzo niestandardowy projekt wymagający dodatkowego nakładu pracy”.

Do Betterize udało nam się trafić z polecenia i od razu złapaliśmy bardzo przyjemny kontakt. Nasz konspekt nie tylko został natychmiast przedyskutowany, ale także ulepszony pod wieloma względami.

Częste rozmowy i brainstormy zamiast przerzucania się mailami bardzo pomogły w stworzeniu takiej strony, która jest zarówno funkcjonalna i pokazuje nasze różnorodne umiejętności jak i świetnie zoptymalizowana pomimo dużej ilości grafik.

Po bardzo kreatywnej choć ciężkiej designerskiej pracy, strona powstała bardzo szybko. Kodowanie, optymalizowanie i testowanie wraz z naprawą błędów trwało tylko kilka dni.

Jesteśmy bardzo zadowoleni ze współpracy i zamierzamy ją kontynuować nie tylko w aktualizowaniu strony, ale także w jej rozbudowie w przyszłości.

Serdecznie polecamy współpracę z Betterize- to jedyna w Polsce ekipa tworząca strony internetowe, która zmieni szablony i wyjdzie poza strefę komfortu dla swoich klientów.

Jeśli to case study z tobą rezonuje lub zwyczajnie poszukujesz wykonawcy strony internetowej, to pewnie zainteresuje cię nasza darmowa konsultacja. Podczas niezobowiązującej rozmowy przeanalizujemy Twoje wyzwania i postaramy się znaleźć dla nich najlepsze rozwiązanie.