Projekty / Personalizacja produktów

CaseShop Constructor

Konfigurator personalizowanych etui na telefon w przeglądarce.

Zbudowaliśmy konfigurator etui, który łączy wybrany model i bazę z edytowalnym projektem. Klienci rozmieszczają zdjęcia, dekoracje i tekst na podglądzie produktu, a następnie sprawdzają gotowe etui razem ze szczegółami zamówienia.

01 / Wybór produktu

Model telefonu określa personalizowany produkt.

CaseShop Constructor: Strona startowa

Strona startowa

Strona startowa pozwala wybrać model telefonu przed otwarciem edytora. Wybór określa kształt produktu do dalszego projektowania.

CaseShop Constructor: Baza i kolor

Baza i kolor

Wybór podstawy pokazuje materiał etui i dostępne kolory. Wybrany produkt pozostaje obok płótna: parametry przedmiotu są widoczne oddzielnie od dodanej grafiki.

02 / Obraz, dekoracje i tekst

Zdjęcia, dekoracje i typografia we wspólnym edytorze.

CaseShop Constructor: Edytor zdjęć

Edytor zdjęć

Edytor zdjęć umożliwia przesyłanie, ustawianie, obracanie i zmianę rozmiaru obrazu na wybranym etui. Każda zmiana jest widoczna w podglądzie produktu.

CaseShop Constructor: Elementy dekoracyjne

Elementy dekoracyjne

Naklejki i elementy dekoracyjne trafiają na ten sam obszar projektu. Zaznaczanie i sterowanie warstwami pozwalają klientowi pracować nad wybranym elementem.

CaseShop Constructor: Tekst i czcionki

Tekst i czcionki

Ustawienia tekstu określają czcionkę, kolor i styl obok podglądu produktu. Biblioteka typografii obejmowała ponad 600 czcionek Google.

03 / Projekt i zamówienie

Gotowy projekt pozostaje przy danych zamówienia.

CaseShop Constructor: Finalizacja zamówienia

Finalizacja zamówienia

Finalizacja zachowuje gotowy projekt, model telefonu, podstawę i cenę obok formularza kontaktowego oraz dostawy. Przed wysłaniem zamówienia klient może sprawdzić kompozycję i szczegóły zakupu.

Stos technologiczny

Technologie stojące za CaseShop Constructor.

Edytor w przeglądarce, usługi aplikacji i przechowywanie plików wspierające personalizację produktów.

Edytor projektu

AngularJS i TypeScript obsługują interfejs przeglądarkowy, a SCSS odpowiada za jego wygląd.

  • AngularJS
  • TypeScript
  • SCSS

Usługi aplikacji

C#, Microsoft .NET i ASP.NET MVC tworzą serwerową część aplikacji.

  • C#
  • Microsoft .NET
  • ASP.NET MVC

Dane i pliki

T-SQL, Entity Framework Core i Dapper zapewniają dostęp do danych. Azure File Storage jest częścią infrastruktury przechowywania plików.

  • T-SQL
  • Entity Framework Core
  • Dapper
  • Azure File Storage

Hosting i wdrażanie

Azure Web Application Server i Azure DevOps wspierają hosting oraz wdrażanie aplikacji.

  • Azure Web Application Server
  • Azure DevOps
Twój produkt. Ich projekt.

Włącz personalizację w proces zakupu.

Jeśli Twoje produkty zależą od zdjęć, tekstu lub wyborów klienta, możemy zbudować konfigurator wokół tych potrzeb. Określimy narzędzia edycji, reguły produktu i informacje potrzebne zespołowi do realizacji zamówienia.

Porozmawiajmy o konfiguratorze produktów