Development
Product
Open Source
Shiftscreen
Nowoczesny system zarządzania treścią prezentowaną na ekranach, który aktywnie angażuje odbiorców. Tani, prosty i efektywny digital signage.
Realizacja: 2020
Samodzielna skuteczność
Marketing, który działa i nie potrzebuje specjalistów
Szkoły, małe firmy czy przychodnie potrzebują pewnego wyróżnika czy symbolu prestiżu w miejscach gdzie przebywają ludzie. Dzięki komuniacji wizualnej mogą skutecznie docierać z informacjami o obecnych wydarzeniach, promocjach, rozwoju przedsiębiorstwa czy innych istotnych rzeczy z perspektywy organizacji.
Za wyróżnieniem się w marketingu zewnętrznym nie muszą stać specjaliści. Wystarczy do tego zautomatyzowany system, w którym użytkownik wybierze odpowiednie wzory, wypełni je danymi i połączy z przeglądarką wbudowaną w wyświetlacz.
Wszystkie zmiany zachodzić powinny niezależnie i w sposób zautomatyzowany. Jedno kliknięcie w systemie i po chwili zamiana widoczna jest na ekranie.
Kolory zmiany
Branding nie musi być skomplikowany by niósł wartość
Podstawową rolą produktu jest zmiana. Zarówno ta w umysłach potencjalnych klientów, ale także na ekranach ich telewizorów.
Dzięki połączeniu gradientowych kolorów i dwóch nakładających się na siebie ekranów, co reprezentuje zmianę slajdu, w jednym prostym symbolu zawarto wszystkie wartości produktu.
Technika innowacji
Na pierwszym miejscu - spryt
Klasyczną metodą tworzenia rozwiązań digital signage jest przesyłanie obrazów, bądź filmów, reprezentujących wcześniej przygotowane animacje. Jest to jednak metoda bardzo nadmiarowa w realiach dzisiejszych możliwości technicznych.
Całe renderowanie slajdów, ich animacji i zmian, odbywa się po stronie klienta (czyli np. telewizora, na którym jest włączony produkt). W ten sposób system ładuje tylko i wyłącznie potrzebne moduły w postaci mikrokawałków kodu uruchamianych na ekranie.
Pozwala to nie tylko na odciążenie serwera, ale także nieskończone skalowanie przedstawianych treści - dzięki czemu wyglądają idealnie zarówno na ekranach o małej czy ogromnej rozdzielczości.
Rozwiązanie
Slajdy, które działają
W aplikacji zastosowano szereg optymalizacji technicznych, od innowacyjnych form komunikacji z serwerem i renderowaniem treści, przez to jak sama treść jest tworzona przez użytkownika.
Design aplikacji został sprowadzony do maksymalnej użyteczności i możliwości dostosowania wszystkiego przez użytkownika. W komunikacji wizualnej z odbiorcami treści zastosowano uproszczone kształty i maksymalizację uniwersalności użytku z perspektywy biznesu.
Aplikację oparto o nowoczesne rozwiązania techniczne i modularyzację, która umożliwia szybkie działanie i korzystanie z produktu.
Technologie i umiejętności
TypeScript
React
NestJS
MySQL
TypeORM
Ant Design
Formik
Apollo
Ramda
WebSocket
GraphQL
Product vision