uk en pl

Shavarska – agencja dbająca o komfort mieszkań

Przejdź do strony

Agencja wnętrz

  • Typ witryny: zbiorowy
  • Nisza: agencja projektowania wnętrz
  • Warunki: 16 dni
  • Status: Zakończony
  • Zrobiony: SEO, Ui/Ux, Web dev
Obraz strony Shavarska Obraz strony Shavarska

01 O kliencie

Shavarska design & architecture to agencja projektowania wnętrz dla osób ceniących estetykę wizualną. Działają nie tylko w Tarnopolu, ale i na terenie całej Ukrainy.

02 Cele i zadania

Utwórz witrynę, na której będziesz mógł zamieszczać informacje o naszych projektach

  1. Chcielibyśmy, aby strona była w niestandardowych i ciekawych kolorach.
  2. Strona główna witryny powinna być wyposażona w jakąś funkcję, aby wyróżniała się od innych.
  3. Nie mamy nic przeciwko ciekawym animacjom na stronie.
  4. Strona powinna być przyjazna dla naszej grupy docelowej. Oprócz sekcji projektów, musi być sekcja ofert pracy.
  5. Kontakty powinny mieć możliwość kontaktu z nami na wszystkie możliwe sposoby i móc wyznaczyć trasę do naszego biura.
  6. Przeprowadź wewnętrzną optymalizację SEO strony, ponieważ w przyszłości będziemy ją promować.

03 Decyzja

Podczas prac najwięcej uwagi poświęcono projektom i stronie głównej, ponieważ to one miały największe wymagania. Strona główna została zaprojektowana z kilkoma opcjami przewijania. Poniżej można obejrzeć film, który pokazuje, jak to wszystko wygląda.

Projektowanie stron internetowych

Kolory

Kolory

Czcionki`]]
Cormorant Garamond Semi Bold
Cormorant Garamond Medium
Cormorant Garamond Regular
Zdjęcia niektórych sekcji
Zdjęcie strony Shavarska - 1
Zdjęcie strony Shavarska - 2
Zdjęcie strony Shavarska - 3
Zdjęcie strony Shavarska - 4
Ważne strony witryny

Na stronie „One Case” i stronie „Projects” chcieliśmy stworzyć ciekawe rozwiązanie, które wywołałoby efekt „Wow”. Dlatego na stronie „One Case” zamieniliśmy zdjęcia w zależności od pomieszczenia wybranego przez użytkownika w układzie mieszkania. Na stronie „Projects” pracowaliśmy z kolorami i niestandardową siatką dla określonej kategorii projektów.

Zdjęcie strony Shavarska - 1
Zdjęcie strony Shavarska - 2
Zdjęcie strony Shavarska - 3
Interaktywne planowanie mieszkania

Projekt mobilnej wersji strony

Obecnie mobilna wersja strony to po prostu must have. Dlatego nie zapomnieliśmy o niej i zaprojektowaliśmy mobilną wersję dla wszystkich stron witryny. Nasz efekt możesz zobaczyć na zdjęciu poniżej

Zdjęcie wersji mobilnej Shavarska 1
Zdjęcie wersji mobilnej Shavarska 1
Zdjęcie wersji mobilnej Shavarska 2
Zdjęcie wersji mobilnej Shavarska 2
Zdjęcie wersji mobilnej Shavarska 3
Zdjęcie wersji mobilnej Shavarska 3
Zdjęcie wersji mobilnej Shavarska 4
Zdjęcie wersji mobilnej Shavarska 4
Zdjęcie wersji mobilnej Shavarska 5
Zdjęcie wersji mobilnej Shavarska 5

Tworzenie stron internetowych

Szczególną uwagę, głównie ze strony programistów klienta, poświęciliśmy animacji. Staraliśmy się, aby była płynna i nie obciążała nadmiernie urządzeń użytkowników

Roman Melnychuk

Animacja witryny

Na stronie można zaobserwować płynną animację podczas przewijania stron i najechania kursorem na poszczególne elementy. Animacja na stronie głównej odgrywa szczególną rolę, ponieważ strona charakteryzuje się złożonym przewijaniem. Początkowo podczas przewijania strona obraca się w kierunku poziomym, na blokach z projektami strona przewija się, do czego wszyscy jesteśmy przyzwyczajeni. Po dotarciu do bloku z poleceniem przewijanie wraca do poziomego, a po przewinięciu tego bloku do końca przewijanie wraca do pionowego. Jak to mówią, lepiej raz zobaczyć, niż długo malować.

Praca z interfejsem API Map Google

Prace nad mapami ograniczyły się do dostosowania ich do kolorystyki witryny i utworzenia niestandardowego znacznika oznaczającego lokalizację biura.

Blok z projektami

Nie mogliśmy się powstrzymać, żeby o tym nie wspomnieć. Ma też fajną animację. Polega ona na płynnej zmianie tła bloku i pojawieniu się zdjęcia projektu po najechaniu kursorem myszy na nazwę projektu. Polecam zobaczyć, jak to wygląda.

Back-end

Strona nie była skomplikowana pod względem back-endowym, poza filtrowaniem zdjęć według kategorii (wszystkie kuchnie, wszystkie łazienki itd.). Dzięki bardzo wysokiej jakości pracy całego zespołu, mieliśmy najłatwiejszy czas.
Dmytro Kosyk

Filtrowanie projektów fotograficznych

Wprowadzić możliwość wyświetlania zdjęć wszystkich projektów według kategorii, na przykład wszystkich: łazienek, toalet, sypialni itd. Wszystko to musiało zostać wdrożone bez komplikacji w zarządzaniu projektami za pośrednictwem panelu administracyjnego.

Interaktywna mapa projektu

Dodano możliwość stworzenia projektanta planu zagospodarowania przestrzennego z możliwością dodawania informacji do każdej części projektu. Na przykład, różne galerie dla: kuchni, sypialni i innych.
Zdjęcie Shavarska 1

Edycja planu obiektu w panelu administracyjnym

Zdjęcie Shavarska 1

Widok na stronie

Wakaty w firmie

Opracowano również funkcjonalność umożliwiającą dodawanie ofert pracy w firmach, bez konieczności tworzenia dodatkowych stron w serwisie.

Integracja z API Telegramu

Wszystkie dane z formularzy są przesyłane do bota w Telegramie, który z kolei przesyła je do grupy menedżerów firmy. Dzięki temu możesz natychmiast odpowiadać na nowe zapytania i kontaktować się z potencjalnym klientem.
Zdjęcie Shavarska 1

04 Technologie i narzędzia

jQuery
Modx Revolution
Gulp
Figma
MySQL
PHP
LESS
Telegram API

05 Wynik

Ten projekt został w pełni ukończony. Przetestowaliśmy poprawność działania strony, zarówno od strony użytkowników, jak i administratorów. Nasz zespół przygotował również podstawową treść projektu, nakręcił film instruktażowy dotyczący korzystania z panelu administracyjnego strony oraz przekazał klientowi wszystkie uprawnienia.

Roman Melnychuk

06 Słowa klienta o projekcie

Bardzo kreatywny zespół, zlecił nam stworzenie strony internetowej dla naszej firmy. Głównym założeniem przed rozpoczęciem pracy było stworzenie nie zwykłej strony na podstawie szablonu, ale podejście do problemu w sposób jak najbardziej kreatywny. Zależało mi na tym, aby wyróżnić się na tle konkurencji. Po zakończeniu prac nie żałowałem, że wybrałem właśnie tę firmę. Polecam!!!

Autor recenzji: Olha Szawarska
Olha Szawarska

Współzałożyciel

07 Zespół projektowy

Zarządzanie projektem

Roman Melnychuk

Marketing

Projekt

Rozwój

Treść

Czy ten projekt zrobił na Tobie wrażenie?
Oceń go

Inne projekty

Chcesz stworzyć witrynę-portfolio?

Wiemy, która strona internetowa zrobi wrażenie na Twoich potencjalnych klientach!