pl

Palarnia Czechowycza – zna się na prawdziwej kawie

Przejdź do strony
  • 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
Zdjęcie strony Palarnia Czechowycza - 1
Zdjęcie strony Palarnia Czechowycza - 2
Zdjęcie strony Palarnia Czechowycza - 3
Zdjęcie strony 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.
Zdjęcie strony Palarnia Czechowycza - 1
Zdjęcie strony Palarnia Czechowycza - 2
Zdjęcie strony Palarnia Czechowycza - 3
Zdjęcie strony 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

Roman Melnychuk

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.
Dmytro Kosyk

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.

Roman Melnychuk

06 Słowa klienta o projekcie

Autor recenzji: Andrij Davydov
Andrij Davydov

Founder

07 Zespół projektowy

Zarządzanie projektem

Roman Melnychuk

Marketing

Projekt

Rozwój

Treść

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