pl

Palarnia Czechowycza – zna się na prawdziwej kawie

Перейти на сайт
  • Typ witryny: sklep internetowy
  • Warunki: 28 dni
  • Status: Zakończony
  • Zrobiony: Web dev

01 Klient

W palarni Czechovych Roastery zielone ziarna kawy przemieniają się w najpyszniejszy na świecie napój. Pracują z najlepszym sprzętem do palenia i parzenia kawy dostępnym na rynku

02 Cele i zadania

Rozwiń witrynę ze strony docelowej do sklepu internetowego
  1. Nowa strona powinna być stworzona w tym samym stylu, co istniejąca.
  2. W kawiarni należy wprowadzić kategorie: kawa palona filtrowana, kawa palona espresso, kawa przelewowa i kapsułki.
  3. W sklepie z wyposażeniem należy utworzyć kategorie: młynki do kawy, filtry, ekspresy przelewowe, ekspresy do kawy, wagi.
  4. Na stronie „O nas” należy podać informacje i umożliwić dodawanie informacji tekstowych i graficznych.
  5. Na stronie „Nasza kawiarnia” należy zezwolić na dodawanie zdjęć, kontaktów i menu do każdej z kawiarni.
  6. Utworzyć osobiste konto użytkownika z możliwością autoryzacji przez e-mail lub Facebook.
  7. Wprowadzić możliwość zakupu produktów za pośrednictwem koszyka.
  8. Do każdego produktu kawowego należy dodać cenę hurtową, rodzaj mielenia i wagę opakowania.
  9. W koszyku należy wybrać formę płatności (przy odbiorze, kartą, online) oraz dostawę (odbiór osobisty w kawiarni, przesyłka kurierska Nova Poshta i odbiór osobisty w Nova Poshta).

03 Decyzja

Aby osiągnąć wyznaczone cele, musieliśmy współpracować z wieloma firmami zewnętrznymi. Wśród nich znalazły się takie, które współpracowały z API: Facebook, Google Maps, Nova Poshta i LiqPay. Poniżej opisano, jak to wszystko zostało wdrożone.

Projektowanie stron internetowych

Nie musieliśmy zajmować się architekturą, planowaniem i projektowaniem, ponieważ klient przedstawił jasne specyfikacje dotyczące stron, które chciał zobaczyć na stronie, oraz sposobu ich wypełnienia. Po prostu stworzyliśmy prototyp, napisaliśmy specyfikacje i przekazaliśmy wszystkie materiały projektantowi układu do pracy.

Zabarwienie

Zabarwienie

Czcionki

Playfair Display SemiBold
Playfair Display Regular
Yeseva One Regular
Zdjęcia niektórych sekcji
Фото сайту Palarnia Czechowycza - 1
Фото сайту Palarnia Czechowycza - 2
Фото сайту Palarnia Czechowycza - 3
Фото сайту Palarnia Czechowycza - 4
Zdjęcie proponowanego projektu
Szczerze mówiąc, próbowaliśmy przekonać klienta do projektu strony i zmienić paletę kolorów i czcionki, ale nam się nie udało. Generalnie zaproponowaliśmy wygląd stron w stylu pokazanym na zdjęciu poniżej.
Фото сайту Palarnia Czechowycza - 1
Фото сайту Palarnia Czechowycza - 2
Фото сайту Palarnia Czechowycza - 3
Фото сайту Palarnia Czechowycza - 4

Tworzenie stron internetowych

Ogólnie rzecz biorąc, strona zaimplementowała szeroki zakres funkcjonalności w zakresie modyfikacji produktów. W tym celu umożliwiliśmy powiązanie rodzaju mielenia i wagi z wybranymi produktami. Dodatkowo, kryteria te umożliwiły ustawienie różnych cen i zmianę wyglądu opakowania w zależności od wybranej wagi. Opracowano również system zakupów hurtowych dla produktu. Wykonano szereg prac z wykorzystaniem API usług zewnętrznych

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

Full-stack dev.

Google Map Api

Wykorzystano na stronie do stylizacji mapy, aby dopasować ją do projektu witryny, oraz do tworzenia własnych oznaczeń znaczników. Administracja witryny umożliwiła tworzenie nowych oznaczeń w przypadku ekspansji działalności i otwierania nowych kawiarni. Interfejs API Map Google został również wykorzystany podczas pracy z interfejsem API Nova Poshta.

Nowe API poczty

Włożono wiele pracy w to API.
Z punktu widzenia użytkownika jego działanie jest widoczne podczas dokonywania zakupów za pośrednictwem koszyka na stronie. Po wybraniu metody dostawy za pośrednictwem Nova Poshta, użytkownik ma możliwość wyboru regionu i oddziału do dostawy. Może to zrobić na dwa sposoby: z listy rozwijanej (która zawiera również opcję wyszukiwania) lub wyszukując żądany oddział w Mapach Google. W zależności od wybranego regionu i oddziału, koszt dostawy jest obliczany zgodnie z taryfami Nova Poshta.
Z punktu widzenia administratora, praca z API jest widoczna w panelu administracyjnym strony. Pozwala ono na skonfigurowanie podstawowych ustawień integracji z Nova Poshta, tworzenie faktur online dla zamówień, dostosowanie danych odbiorcy, danych nadawcy, a także zmianę opcji płatności, rodzaju dostawy, wagi, objętości i szeregu innych ustawień.

LiqPay API

Służy do dokonywania płatności online podczas składania zamówienia za pośrednictwem koszyka. Dodatkowo, link do płatności jest wysyłany na adres e-mail użytkownika, który podał on podczas składania zamówienia. Panel administracyjny witryny oferuje również ustawienia dotyczące płatności: można wybrać walutę, w której będą przyjmowane płatności, metodę płatności (karta, portfel LiqPay, faktura itp.), ustawić przekierowanie na stronę (po pomyślnej i nieudanej płatności), a także zmienić inne ustawienia techniczne dotyczące integracji.

Facebook API

Dzięki współpracy z API Facebooka umożliwiliśmy rejestrację/autoryzację w serwisie poprzez zalogowanie się na osobistym koncie użytkownika w serwisie Facebook i przesłanie dostępnych danych z Facebooka (nazwisko i imię) na osobiste konto użytkownika w serwisie.

Back-end

Specyfika tego projektu polegała na: pracy z danymi Nova Poshta, LiqPay i stworzeniu spersonalizowanego konta klienta, a także na opracowaniu niestandardowych rozwiązań dla klienta i zadań biznesowych.
Косик Дмитро
Косик Дмитро

Front-end dev.

Współpraca z administratorem

Administrator miał za zadanie edytować wszystkie informacje dotyczące zamówień, modyfikacji produktów i innych szczegółów. Było to konieczne, aby menedżer mógł edytować wszystkie niezbędne informacje bez angażowania programistów.

Ceny hurtowe

Dla klientów hurtowych udostępniono możliwość dodawania towarów do koszyka w cenach hurtowych. Wszystkie dane dotyczące zamówienia są przesyłane do panelu administracyjnego oraz do managera drogą mailową.

Modyfikacje produktu

Wprowadzono możliwość wyboru modyfikacji produktu: rodzaju mielenia i wagi opakowania. Dodano również możliwość wyboru indywidualnych modyfikacji dla produktów w panelu administracyjnym.

Konto osobiste kupującego

Dla wygody klienta opracowano konto osobiste, na którym klient może: edytować, usuwać, przeglądać i powtarzać swoje zamówienia.

Zarządzanie zamówieniami

Wszystkie zamówienia są przesyłane do managera mailowo oraz do panelu administracyjnego, gdzie istnieje możliwość pełnej edycji danych zamówienia. Istnieje również możliwość edycji informacji o klientach sklepu internetowego.

04 Technologie i narzędzia

jQuery
Modx Revolution
Gulp
Figma
MySQL
PHP
LESS
Telegram API

05 Wynik

Rezultatem był sklep internetowy o średnim poziomie skomplikowania pod względem funkcjonalności. Strona została przetestowana na różnych urządzeniach i systemach. Wykryte podczas testów błędy zostały naprawione. Nasz zespół wykonał wszystkie powierzone nam zadania i przekazał klientowi dostęp do panelu administracyjnego strony. Stworzyliśmy również dokument ze szczegółowym opisem administrowania stroną i uzupełniania jej o treści oraz nowe produkty.

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

Full-stack dev.

06 Słowa klienta o projekcie

Атвор відгуку: Давидов Андрій
Давидов Андрій

Founder

Inne projekty

Czy chcesz stworzyć landing page z podejściem marketingowym?

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