Logo

Witryna mobile first

  • Projekt UI/UX
  • Wdrożenie
  • Branding
  • Logo

Clue projektu

Potrzeba stworzenia strony internetowej mobile first wynikła z charakterystyki grupy docelowej, która najczęściej do przeglądania sieci wykorzystuje urządzenia mobilne takie jak telefon lub tablet. Projektowanie strony od wersji na telefon pozwoliło wprowadzić nowsze standardy mobilnego UX, które wcześniej były uzależnione od responsywności wersji desktop.

 Projektowanie strony od wersji mobilnej wprowadziło nowe standardy mobilnego UX, niezależnie od responsywności na desktopie.

Lider na rynku deweloperskim

Rockfield development zajmuje się budową prestiżowych inwestycji na terenie Kujawsko-Pomorskiego. Firma stawia na terminowość i jakość powierzonych jej realizacji zadań.

 Klient specjalizuje się w budowie prestiżowych inwestycji na obszarze Kujawsko-Pomorskiego, kładąc nacisk na terminowość i jakość wykonywanych prac.

Rozwiązanie

W wersji desktop, strona nie traci na funkcjonalności wersji mobilnej. Poruszanie się po treściach oraz wyszukiwanie ofert nie zmienia się, dzięki czemu zachowany jest spójny UX w momencie, gdy użytkownik korzysta z różnych urządzeń.

 Na wersji desktopowej strony zachowano pełną funkcjonalność dostępną w wersji mobilnej. Nawigacja po treściach i wyszukiwanie ofert pozostają niezmienione, co zapewnia spójny interfejs użytkownika, niezależnie od urządzenia.

Optymalizacja mobile first

Odpowiednie skompresowanie materiałów graficznych oraz oszczędność w stosowaniu skomplikowanych rozwiązań programistycznych przyspieszyły ładowanie się strony mobilnej oraz usprawniły nawigację. Szybkość działania jest kluczowa dla konwersji mobilnych wersji stron internetowych.

Zastosowane odpowiednio skompresowanych materiałów graficznych oraz minimalizacja skomplikowanych rozwiązań programistycznych przyczyniły się do przyspieszenia ładowania się strony mobilnej i usprawniły nawigację.
Szybkość działania ma kluczowe znaczenie dla konwersji na stronach internetowych dostosowanych do urządzeń mobilnych.

Wyszukiwarka ofert

Standardowa wyszukiwarka mieszkań została uproszczona do jednego parametru. Zakres wyznaczany jest za pomocą intuicyjnego suwaka, szczególnie często wykorzystywanego mobilnie.

Wyszukiwarka mieszkań została uproszczona do jednego parametru, który można dostosować za pomocą intuicyjnego suwaka. To rozwiązanie jest szczególnie przyjazne dla użytkowników mobilnych.

UX

Standardowa wyszukiwarka mieszkań została uproszczona do jednego parametru. Zakres wyznaczany jest za pomocą intuicyjnego suwaka, szczególnie często wykorzystywanego mobilnie.

Wyszukiwarka mieszkań została zoptymalizowana poprzez uproszczenie do jednego parametru. Zakres można teraz dostosować za pomocą intuicyjnego suwaka, co jest szczególnie wygodne dla użytkowników korzystających z urządzeń mobilnych.

Nawigacja

Częstym zabiegiem na stronach deweloperów było stosowanie podwójnego menu (oddzielnego dla dewelopera oraz dla inwestycji). Komplikowało to znacznie nawigację na urządzeniach mobilnych. Zastosowanie skrótu pozwoliło odseparować brand od stron inwestycji zachowując możliwość szybkiego powrotu do strony początkowej dewelopera.

Sesja zdjęciowa

Wykonaliśmy zdjęcia z ambasadorami inwestycji Grand Bulvar - Tomaszem Organkiem i Robertem Markiewiczem. Sesja wizerunkowa odbyła się w oparciu o wcześniej ustalony KV, kolorystykę strony, projekty wizualizacji budynków i ustalenia wyglądu sylwetek modeli.

Przeprowadziliśmy sesję zdjęciową z ambasadorami inwestycji Grand Bulvar - Tomaszem Organkiem i Robertem Markiewiczem.
djęcia były zgodne z naszą wcześniejszą koncepcją wizualną, uwzględniającą kolorystykę strony, projekty wizualizacji budynków i wytyczne dotyczące wyglądu modeli.

Podsumowanie

  1. Przygotowaliśmy responsywną stronę internetową.

  2. Zaprojektowaliśmy i wdrożyliśmy witrynę mobile first.

  3. Przygotowaliśmy branding w oparciu o KV marki.

  4. Uprościliśmy wyszukiwarkę ofert.

  5. Ułatwiliśmy nawigację na urządzeniach mobilnych.

  6. Wykonaliśmy sesję zdjęciową z ambasadorami inwestycji.