PorozmawiajmyKontakt

S01Projektujemy i budujemy

Strony internetowe,landing page’ei aplikacje webowe

Dla firm, które potrzebują strony, kampanii albo narzędzia w przeglądarce. Zaczynamy od rozmowy o celu, a kończymy publikacją i przekazaniem projektu.

Porozmawiajmy o projekcie Zobacz prace
Wybrane prace

Flowdesk — aplikacja webowa i Eclipse Ink — strona marki. Pełne prezentacje w sekcji S02 poniżej.

R04
FlowdeskAplikacja webowa ↓Projekt własny
R01
Eclipse InkStrona marki ↓Projekt dla klienta
Pierwszy ekran Eclipse Ink po wejściu: logo na tle zaćmienia, opis marki i dwa przyciski — archiwum i projekt na zamówienie.
S02 — PraceR01–R04 · projekt dla klienta i projekty własne

Prace

Działające projekty, każdy w swojej własnej stylistyce — pokazujemy je tak, jak wyglądają, bez przemalowania na kolory Ezcon. Przy każdym piszemy wprost, czym jest, na jakim etapie i czy dane są prawdziwe. Koncepcja demonstracyjna jest niżej, osobno.

R01Wejście na stronę · nagranie

Nagranie wejścia na stronę Eclipse Ink: hala z portalem zaćmienia, kliknięcie „Enter the Eclipse”, przelot kamery przez portal, logo marki i pierwsze kadry przewijanej sekwencji.

Nagranie wejścia na stronę Eclipse Ink na telefonie: scena portalu, przejście i pierwszy ekran strony.

  • Galeria „The black archive”: siatka czarno-białych wzorów i licznik 26 prac.Archiwum wzorów
  • Strona wzoru Red Spider Lily: grafika na papierze, opis, miejsce na ciele, skala i planowana licencja.Strona pojedynczego wzoru
  • Strona projektu na zamówienie: nagłówek „Your idea, translated into tattoo-ready art.” i zdjęcie szkiców na stole.Projekt na zamówienie
R01Projekt dla klienta

Eclipse Ink

Strona działa publicznie · sklep w trybie portfolio

Platforma niezależnej artystki tatuażu: trójwymiarowe wejście, archiwum 26 oryginalnych wzorów, formularz projektu na zamówienie i sprzedaż licencji na wzory.

Typ
Strona marki, archiwum wzorów, zapytania i sklep z licencjami
Platforma
Web · komputer i telefon
Case study
R02Produkt własny

Dowio

W budowie · działa lokalnie z lokalem demonstracyjnym

System dostaw dla restauracji: panel do przyjmowania i przypisywania zamówień, mapa kurierów w trakcie zmiany oraz aplikacja kuriera na telefon z trasą i rozliczeniem gotówki.

Typ
Aplikacja webowa: panel restauracji i aplikacja kuriera (PWA)
Platforma
Web · komputer, tablet i telefon
Case study
R02Panel restauracjikomputer
Panel Dowio, widok Dostawy: kolumny Gotowe do odbioru, W drodze, Zakończone i Wymaga uwagi z kartami zamówień.
Telefon kurieraAplikacja kuriera Dowio: ekran „Twoja trasa” z informacją o wyłączonej lokalizacji i przyciskiem zakończenia zmiany.
Panel restauracji z tablicą dostaw i aplikacja kuriera z ekranem trasy. Dane z fikcyjnego lokalu demonstracyjnego.

Dane na zrzutach: fikcyjny lokal demonstracyjny

R03Stany asystenta · nagranietryb prezentacji, dane przykładowe

Nagranie interfejsu JARVIS w trybie prezentacji: rdzeń przechodzi przez stany gotowy, słucham, analizuję i odpowiadam, potem pojawia się panel tygodnia i panel wykonywanej akcji.

Kadr z nagrania interfejsu JARVIS: rdzeń zmienia stany rozmowy, obok pojawiają się panele tygodnia i akcji.

R03Projekt własny · R&D

JARVIS

Prototyp w rozwoju · aplikacja desktopowa Windows

Asystent głosowy na komputer, który działa bez chmury: lokalny model językowy, rozpoznawanie mowy i synteza głosu, a do tego narzędzia do plików, planu tygodnia i przeglądarki.

Typ
Osobisty asystent głosowy działający lokalnie
Platforma
Desktop · Windows (Electron)
Case study
R04Flowdesk — zgłoszeniaNa żywoDane przykładowe
1440 pxNajedź na opis lub wybierz go, aby wskazać element
R04Projekt własny · dane przykładowe

Flowdesk

Panel obsługi zgłoszeń dla małej firmy usługowej. Nowe sprawy wpadają na żywo na górę listy, a szczegóły z rozmową stoją obok. Dane są przykładowe.

Typ
Aplikacja webowa
Dane
Przykładowe — bez prawdziwego klienta
Statusy na wierzchu
Filtry pokazują, ile spraw czeka w każdym etapie. Każdy status ma własny kolor, ten sam w całej aplikacji.
K01 · koncepcja demonstracyjna

Koncepcje demonstracyjne

Makieta z przykładowymi danymi, przygotowana, żeby pokazać sposób projektowania stron. To nie jest realizacja ani wdrożenie dla klienta.

Pokaż koncepcję: Forma
K01Koncepcja demonstracyjna

Forma

Strona fikcyjnej pracowni architektury wnętrz oraz landing page kampanii konsultacji. Spokojna typografia, duże zdjęcia i jedna ścieżka do kontaktu.

Typ
Strona firmowa, landing page
Zakres
Projekt, prototyp, wersja mobilna
K01Forma — strona głównaKoncepcja demo

390 pxTa sama treść na telefonie: menu zwinięte, zdjęcie przed tekstem, przycisk na całą szerokość.

1280 pxPrzewija się sama · najedź lub zatrzymaj przyciskiem obok
Pierwszy ekran w całości
Nawigacja, nagłówek, zdjęcie i jedno wezwanie do działania. Kompozycja tak, jak widać ją na komputerze.
Nagłówek i opis
Szeryfowy krój w dużym stopniu nadaje stronie charakter pracowni. Opis i przycisk w czytelnej skali.
Sekcja realizacji
Trzy realizacje w różnych wysokościach, z nazwą i metrażem, oraz link do pełnej listy. Zdjęcia w makiecie są rysowane w kodzie.

Chcesz projekt w podobnym standardzie?Opowiedz, czego potrzebujesz. Zaczniemy od rozmowy o celu.

Porozmawiajmy o projekcie Zobacz usługi
S03 — Usługi3 specjalizacje

Co możemy
dla Ciebie zbudować

Trzy rodzaje projektów, trzy różne cele. Zacznij od zdania w lewej kolumnie, które najlepiej opisuje Twoją sytuację.

  1. 01Jeśli chcesz przedstawić firmę i ofertę

    Strony internetowe

    Witryna firmowa lub wizerunkowa z przemyślaną strukturą podstron. Projekt dopasowany do Twojej marki i do tego, jak klienci szukają informacji.

    Sprawdzi się, gdy
    • klienci sprawdzają firmę w internecie przed pierwszym kontaktem,
    • oferta wymaga kilku osobnych podstron,
    • chcesz samodzielnie zmieniać treści.
    Zapytaj o stronę internetową
  2. 02Jeśli prowadzisz kampanię i liczy się jedno działanie

    Landing page’e sprzedażowe

    Jedna strona zbudowana wokół jednego celu: zapisu, zapytania albo zakupu. Treść prowadzi od problemu klienta prosto do przycisku.

    Sprawdzi się, gdy
    • uruchamiasz kampanię reklamową,
    • wprowadzasz nowy produkt lub usługę,
    • zbierasz zapisy na wydarzenie albo konsultację.
    Zapytaj o landing page
  3. 03Jeśli zespół lub klienci potrzebują narzędzia

    Aplikacje webowe

    Panel, system rezerwacji, obsługa zgłoszeń albo narzędzie wewnętrzne. Działa w przeglądarce, bez instalowania programów.

    Sprawdzi się, gdy
    • arkusze i maile przestały wystarczać,
    • te same czynności powtarzacie codziennie,
    • z danych korzysta kilka osób z różnymi uprawnieniami.
    Zapytaj o aplikację webową
S04 — Proces3 etapy

Jak wygląda
współpraca

Trzy etapy. Na końcu każdego wiesz, co otrzymujesz i co dzieje się dalej.

  1. 01
    Etap 01 / 03

    Rozmowa i plan

    Poznajemy firmę, cel projektu i odbiorców. Ustalamy zakres, priorytety i kolejność prac.

    Rezultat
    Opis zakresu i plan etapów.
    Twoja rola
    Opowiedzieć o firmie i celach, wskazać materiały.
  2. 02
    Etap 02 / 03

    Projekt

    Projektujemy układ, treści i wygląd na komputer i telefon. Pokazujemy projekt przed programowaniem i wprowadzamy poprawki.

    Rezultat
    Zatwierdzony projekt widoków.
    Twoja rola
    Uwagi do projektu i akceptacja.
  3. 03
    Etap 03 / 03

    Wdrożenie

    Budujemy stronę lub aplikację, sprawdzamy ją na różnych urządzeniach, publikujemy i przekazujemy projekt.

    Rezultat
    Opublikowany projekt i uzgodnione materiały.
    Twoja rola
    Sprawdzenie wersji testowej przed publikacją.
S05 — Jakość wykonania5 obszarów

Na co zwracamy uwagę

Pięć obszarów, które omawiamy przy planowaniu i sprawdzamy przed publikacją.

To lista kontrolna, nie gwarancja ani certyfikat. Wymagania dla konkretnego projektu ustalamy razem na etapie planu.

  • Responsywność

    Układ projektujemy osobno dla telefonu, tabletu i komputera, zamiast tylko go zmniejszać.

    Sprawdzamy

    • Czytelny tekst na telefonie
    • Przyciski wygodne dla palca
    • Brak przewijania w bok

  • Wydajność

    Lekkie obrazy, szybki pierwszy ekran i animacje, które nie obciążają słabszych urządzeń.

    Sprawdzamy

    • Rozmiar obrazów i plików
    • Czas wczytania pierwszego ekranu
    • Płynność na telefonie

  • Dostępność

    Kontrast, obsługa klawiaturą i opisy elementów dla czytników ekranu.

    Sprawdzamy

    • Kontrast kolorów
    • Kolejność przechodzenia klawiszem Tab
    • Ograniczony ruch w systemie

  • Edycja treści

    Ustalamy, które treści chcesz zmieniać samodzielnie, i dobieramy do tego sposób edycji.

    Ustalamy

    • Które treści zmieniasz sam
    • Sposób edycji
    • Kto ma dostęp

  • Przekazanie projektu

    Przed startem uzgadniamy, co dokładnie przekazujemy po publikacji.

    Ustalamy

    • Dostępy
    • Pliki projektu
    • Krótka instrukcja
S06 — KontaktFormularz zapytania

Porozmawiajmy
o projekcie

Opisz krótko, czego potrzebujesz: jaki to projekt, dla kogo i co ma osiągnąć. Wystarczy kilka zdań.

  1. 01Wypełniasz formularz
  2. 02Odpisujemy na podany adres e-mail
  3. 03Umawiamy rozmowę o szczegółach
Kontakt bezpośrednikontakt@ez-con.pl

Kacper Franczyk · EZ-CON

Ezcon Kacper Franczyk
ul. Fryderyka Szopena 35C lok. W164
35-055 Rzeszów, Polska

Zapytanie
Rodzaj projektu
0 / 600

Administratorem danych jest Ezcon Kacper Franczyk. Dane wykorzystamy do odpowiedzi i przygotowania propozycji współpracy. Szczegóły i Twoje prawa opisuje polityka prywatności.

Zapytanie trafi na kontakt@ez-con.pl. Wysłanie formularza nie oznacza zawarcia umowy.