pl

Królestwo Pierożka – pyszna domowa kuchnia

Перейти на сайт
  • Typ witryny: sklep internetowy
  • Warunki: 22 dni
  • Status: Zakończony
  • Zrobiony: Ui/Ux, Web dev
Зображення сайту Królestwo Pierożka Зображення сайту Królestwo Pierożka

01 Klient

Królestwo Pierożka to rodzinna restauracja oferująca domowe posiłki. Swoim klientom oferuje możliwość zamówienia mrożonek (pierogów, pielmieni itp.) lub zjedzenia posiłku w lokalu. Lokal organizuje również catering i przygotowuje zestawy.

02 Cele i zadania

Stworzenie strony internetowej z możliwością zamawiania mrożonek do domu. Umożliwienie zamawiania zestawów obiadowych lub dań na uroczystości.
  1. Stworzenie strony internetowej z firmowymi elementami kolorystycznymi
  2. Wyświetlanie opinii o naszym lokalu ze strony na Facebooku
  3. Stworzenie ciekawych ikon graficznych wypełnień
  4. Wdrożenie wygodnego filtrowania produktów według kategorii, wagi, wypełnienia
  5. Umożliwienie wystawiania opinii o produktach
  6. Wdrożenie możliwości wyboru języka na stronie (polskiego i angielskiego)
  7. Zadbanie o wewnętrzną optymalizację SEO strony
  8. Utworzenie osobistego konta klienta
  9. Ustawienie limitów kwotowych przy składaniu zamówienia za pośrednictwem koszyka.
  10. Umożliwienie wyboru płatności (MasterCard i Visa) oraz dostawy (Odbiór osobisty, Glovo, DPD, Inpost)
  11. Stworzenie wygodnego panelu administracyjnego do obsługi zamówień i uzupełniania strony o nowe produkty

03 Decyzja

Zajęliśmy się strukturą strony, opracowaliśmy koncepcję projektu i wszystkie funkcjonalności zgodnie z TOR otrzymanym od klienta.

Zrezygnowaliśmy z tworzenia jednego katalogu produktów, ponieważ strona daje możliwość nie tylko zamawiania produktów do domu, ale także zamawiania złożonych obiadów i dań na uroczystości.

Dlatego przenieśliśmy te sekcje do menu, aby ułatwić nawigację po stronie, a dodatkowo zajęliśmy się wewnętrznym linkowaniem stron.

Projektowanie stron internetowych

Po zapoznaniu się z oczekiwaniami klienta dotyczącymi projektu, natychmiast przystąpiliśmy do projektowania strony internetowej. Projekt strony został opracowany wyłącznie dla komputerów. Dodatkowo, zleciliśmy projektantowi layoutu zadanie dotyczące wyglądu strony na urządzeniach mobilnych. Miało to na celu ograniczenie budżetu klienta.

Zabarwienie

Zabarwienie

Czcionki

Poppins SemiBold
Poppins Medium
Poppins Regular

Ikony

Ikona kategorii dań
Ikona kategorii dań
Ikona kategorii dań
Ikona kategorii dań
Zdjęcia niektórych sekcji
Фото сайту Królestwo Pierożka - 1
Фото сайту Królestwo Pierożka - 2
Фото сайту Królestwo Pierożka - 3
Фото сайту Królestwo Pierożka - 4
Фото сайту Królestwo Pierożka - 1
Фото сайту Królestwo Pierożka - 2
Фото сайту Królestwo Pierożka - 3
Ilustracja do strony 404

Wersja mobilna

W każdym z naszych projektów wdrażamy projekt wersji mobilnej i tworzymy adaptacyjny układ strony. Jak wygląda mobilna wersja tej strony, widać na zdjęciu poniżej.

Фото мобільної версії Królestwo Pierożka 1
Фото мобільної версії Królestwo Pierożka 1
Фото мобільної версії Królestwo Pierożka 2
Фото мобільної версії Królestwo Pierożka 2
Фото мобільної версії Królestwo Pierożka 3
Фото мобільної версії Królestwo Pierożka 3
Фото мобільної версії Królestwo Pierożka 4
Фото мобільної версії Królestwo Pierożka 4
Фото мобільної версії Królestwo Pierożka 5
Фото мобільної версії Królestwo Pierożka 5

Tworzenie stron internetowych

Funkcje pracy nad tym projektem obejmują filtrowanie produktów, wyświetlanie kategorii produktów według kolorów, zmianę ceny produktu w zależności od wybranej wagi oraz możliwość tworzenia cen hurtowych dla wybranych produktów.

Мельничук Роман
Мельничук Роман

Full-stack dev.

Animacja witryny

Animacje można zaobserwować tylko podczas interakcji z określonymi elementami, takimi jak najechanie kursorem na przyciski, linki itp. Ponadto istnieją elementy, które pozostają nieruchome podczas przewijania strony. Jest to konieczne dla wygodniejszej nawigacji po poszczególnych stronach witryny.

Coffee Break

Dla strony poświęconej przerwie kawowej i stron o podobnej strukturze stworzono możliwość zmiany ceny produktów (na dwie godziny / na cały dzień).

Kalkulator obiadów

Stworzyliśmy prosty kalkulator do szacowania kosztów zamawiania posiłków, który oblicza koszt na podstawie wybranej liczby porcji i wybranego rodzaju posiłku. Dodatkowo umożliwiliśmy natychmiastowe uzupełnienie danych użytkownika i przesłanie ich do administratora, co ułatwia obsługę zamówienia.

Back-end

Głównymi cechami projektu były: wprowadzenie modyfikacji produktów, wprowadzenie cen hurtowych oraz utworzenie osobistego konta kupującego. Nie stanowiło to jednak problemu, ponieważ istniało już doświadczenie we wdrażaniu takich funkcjonalności.
Косик Дмитро
Косик Дмитро

Front-end dev.

Współpraca z administratorem

Przed rozpoczęciem prac podjęto uzasadnioną decyzję o obowiązkowym wprowadzeniu konta kupującego, ponieważ klienci regularnie zamawiają ten produkt i chcą przeglądać dane dotyczące swoich zamówień.

Ceny hurtowe

Wprowadzono możliwość ustalania cen produktów w zależności od zamówionej ilości. Rozwiązanie to opracowano z myślą o hurtowych odbiorcach produktów firmy.

Zarządzanie zamówieniami

Panel administracyjny został zaprojektowany tak, aby umożliwić pracę z zamówieniami klientów, biorąc pod uwagę wszystkie cechy produktów i bazę klientów firmy.

Modyfikacja produktu

Produkt został zaprojektowany w taki sposób, aby można było modyfikować jego wagę, rodzaj cateringu oraz liczbę pierogów w opakowaniu.
Фото Królestwo Pierożka 1

Edycja modyfikacji

Фото Królestwo Pierożka 1

Widok karty produktu

Wypełniacze produktów

Istnieje możliwość dodania do produktu różnych wypełniaczy. Z możliwością nieograniczonej ekspansji wypełniaczy.

Integracja z API Telegramu

Wszystkie dane dotyczące zamówień ze strony zostały zsynchronizowane z chatbotem i grupą Telegram, łącznie z danymi przesłanymi z formularzy kontaktowych.
Фото Królestwo Pierożka 1

04 Technologie i narzędzia

jQuery
Modx Revolution
Gulp
Figma
MySQL
PHP
LESS
Telegram API

05 Wynik

Prace nad stroną zostały pomyślnie ukończone. Przetestowaliśmy wszystkie funkcjonalności strony, sporządziliśmy raport dla klienta i stworzyliśmy film instruktażowy dotyczący korzystania z panelu administracyjnego z punktu widzenia administrowania stroną.

Мельничук Роман
Мельничук Роман

Full-stack dev.

06 Słowa klienta o projekcie

Konieczne było wdrożenie sklepu internetowego do sprzedaży naszych produktów – mrożonych, domowych półproduktów. Już po etapie projektowania przekonałem się, że nie pomyliłem się wybierając agencję. Moje oczekiwania zostały spełnione również po zakończeniu prac. Wszystko jest w porządku, skontaktuję się z nimi również w sprawie marketingu.

Атвор відгуку: Надія
Надія

Founder

Czy masz coś do powiedzenia na temat tego projektu?
Czekamy na Twoją ocenę

Inne projekty

Zleć nam wykonanie strony wizytówkowej

Przy zamówieniu dwóch lub więcej usług obowiązuje system rabatowy