Element prezentacji treści numer 1
Obsługa klientów, ofert i całej sprzedaży w jednym miejscu — a w tle AIA, która analizuje dane, podpowiada kolejny krok i pilnuje, żeby nic nie umknęło. Zwykły CRM porządkuje pracę, a ten myśli razem z Tobą.
Sprzedaż — ostatnie 6 miesięcy
2,4 mln zł
Prognoza domknięć: 82% celu
Lejek szans — trend kwartalny
+18%
Wartość szans w toku vs. poprzedni kwartał
AIA — podpowiedzi
3 sugestie
Podsumuj rozmowę
Zaproponuj termin
Element prezentacji treści numer 2
Tekstem na tej stronie sterujesz na czterech poziomach — od najbardziej ogólnego do punktowego. (1) Globalnie w theme.json (styles.elements) — domyślny rozmiar, waga i kolor każdego H1–H6 oraz akapitu; zmiana tutaj działa wszędzie naraz. (2) Wariantem bloku (panel „Styl”) — nazwane role, w kodzie klasy is-style-*. (3) Klasą pomocniczą („Zaawansowane → Dodatkowa klasa CSS”) — np. asari-accent czy asari-tech. (4) Ustawieniem pojedynczego bloku (panel Typografia/Kolor) — tylko wyjątkowo, bo wychodzi poza system. Zasada: im niżej na tej liście, tym rzadziej.
Element prezentacji treści numer 3
H2 to tytuł sekcji. Jego domyślny rozmiar (token x-large, płynnie 1,65–2,65 rem) i wagę 600 ustawia globalnie theme.json w styles.elements.h2 — dlatego każdy H2 w całym serwisie wygląda tak samo i nie dopisujesz mu żadnej klasy. Chcesz zaakcentować jedno słowo kolorem? Owiń je w <span class="asari-accent"> (klasa pomocnicza, poziom „Zaawansowane”). Chcesz wielkiego nagłówka otwierającego jak w hero — nadaj blokowi wariant Display (is-style-display) z panelu „Styl”. Etykieta-nadwiersz Eyebrow (is-style-eyebrow) należy natomiast do kart i boksów-siatek — kolumny stopki menu mają od 1.56.0 własną klasę .asp-menu-links__title, nie Eyebrow — nie stawiaj jej nad nagłówkiem w zwykłym tekście; w prozie etykietę sekcji daj na asari-tech.
Element prezentacji treści numer 4
H3 to podtytuł wewnątrz sekcji. Dziedziczy token large i wagę 600 z theme.json (styles.elements.h3). Gdy w danym miejscu ma być lżejszy i subtelniejszy, użyj wariantu bloku Podtytuł (is-style-subtitle) — ścieńcza wagę do 400 i przygasza kolor na ink-muted. Nie zmieniaj rozmiaru „na oko” w panelu Typografia pojedynczego bloku — globalny rozmiar trzymamy w theme.json, żeby cała strona była spójna (sterujesz poziomem globalnym, nie poziomem bloku).
Element prezentacji treści numer 5
H4 to najmniejszy „treściowy” nagłówek — token medium, waga 600 (theme.json, styles.elements.h4). Niżej są jeszcze H5 (small) i H6 (x-small, wersaliki z rozstrzeleniem), ale w treści rzadko schodzimy tak głęboko. Kluczowe: wszystkie sześć poziomów opisuje jedno miejsce — theme.json — a nie klasy doklejane do pojedynczych nagłówków. Jeśli pod nagłówkiem potrzebujesz drobnego, technicznego podpisu (np. nazwa klasy albo wariantu), użyj klasy pomocniczej asari-tech.
A tak wygląda akapit wiodący (Lede) — wariant bloku is-style-lede z panelu „Styl”. Większy, luźniejszy interlinią i ograniczony do ~72 znaków w wierszu; używaj go na jeden wprowadzający akapit pod nagłówkiem sekcji, nie do całej treści.
To jest zwykły akapit — jego rozmiar (medium), interlinię i kolor ustawia globalnie theme.json (styles.typography). Dla akapitów masz jeszcze dwa nazwane warianty w panelu „Styl”: Eyebrow (is-style-eyebrow) — mała etykieta wersalikami do kart i boksów-siatek (kolumny stopki menu od 1.56.0 mają własną klasę .asp-menu-links__title; nie nad nagłówkiem w prozie) — oraz Badge (is-style-badge) — plakietka w pigułce. Cały tekst dostosowuje się też do tła: postaw sekcję na wariancie ciemnym (is-style-band-dark) lub gradientowym (is-style-gbox-*), a nagłówki, akapity i lede automatycznie robią się białe — koloru tekstu nie ustawiasz wtedy ręcznie na blokach.
Element prezentacji treści numer 6
Komplet powtarzalnych paneli używanych w całej witrynie — w kolejności ze wzorca strony głównej. Każdy boks trzyma te same reguły co hero: szerokość boksa i szerokość tekstu (contentSize); grafika może dobijać do bocznej krawędzi. Warianty gradientu (is-style-gbox-*) i strona wystawania (--out-right / --out-left / --out-bottom, --narrow) to modyfikatory jednego szkieletu. Głębokość grafiki w bok reguluje dodatkowo --art-inset (margines jak tekst, skala w dół) i --art-bleed (grafika schowana za krawędź, skala do góry).
Element prezentacji treści numer 7
Ten sam boks is-style-gbox-* w dwunastu wariantach kolorystycznych z tokenów theme.json — wszystkie zbudowane wyłącznie z kolorów palety. Na każdym ten sam wzór „piguł”. Warianty nasycone mają białą typografię; mist jest jasny, więc idzie w niej tekst ciemny, a pigułki są przygaszone na fiolet i błękit, żeby w ogóle było je widać. Trzy ostatnie — tracker, www, poczta — są dedykowane aplikacjom z menu „Narzędzia”, tak jak biz/nier/dev mapują wersje produktu.
Same próbki leżą w siatce .asari-cards — grupa z układem Grid, użyta tu bez kart (pola z klasą asari-swatch). Liczbę kolumn wyznacza minimalna szerokość kolumny, a siatka sama zawija próbki na węższym ekranie.
brand
deep
biz
nier
warm
night
growth
sunset
mist
tracker
www
poczta
Element prezentacji treści numer 8
Jeden szkielet .asari-gbox obsługuje wszystkie duże boksy z kolorowym tłem. Kolor wybierasz wariantem bloku is-style-gbox-* (dwanaście gradientów — biz/nier/dev mapują wersje produktu, tracker/www/poczta moduły), a to, jak grafika współgra z boksem, ustawiają klasy-modyfikatory dopisywane w „Zaawansowane → Dodatkowa klasa CSS”. Wnętrze jest zawsze takie samo: asari-gbox__split dzieli boks na kolumnę treści (asari-gbox__body — nagłówek, lede, opcjonalna lista asari-gbox__list) i kolumnę grafiki (asari-gbox__art). Poniżej trzy typy — różni je to, gdzie i jak wychodzi grafika.
Element prezentacji treści numer 9
asari-gbox__split stawia obok siebie kolumnę treści i kolumnę grafiki, a asari-gbox--out-right / asari-gbox--out-left decyduje, po której stronie jest grafika (treść ląduje po przeciwnej). W stanie bazowym grafika dobija dokładnie do bocznej krawędzi boksa. Głębokość dostrajasz dwoma modyfikatorami, które trzymają grafikę wewnątrz obrysu: --art-inset daje jej taki sam margines jak tekst po drugiej stronie (kadr węższy, grafika skaluje się w dół), a --art-bleed chowa ją o ten margines za krawędź, gdzie przycina ją overflow:hidden boksa (kadr szerszy, grafika skaluje się w górę). Kolor to osobna decyzja — dowolny is-style-gbox-*.
Element prezentacji treści numer 10
Mobilny asystent sprzedaży: dzwoni klient, a Ty masz jego kartotekę na ekranie, zanim odbierzesz.
Rozpoznaje numer
Tracker kojarzy telefon z kontaktem i pokazuje kartotekę jeszcze przed odebraniem.
Notatka zaraz po rozmowie
Zapiszesz ustalenia i następny krok bez wracania do komputera.
Element prezentacji treści numer 11
ASARI CRM porządkuje proces sprzedaży od pierwszego kontaktu do podpisanej umowy.
Cały proces na jednej tablicy
Każda szansa ma swój etap i wartość — przeciągasz kartę, żeby przesunąć transakcję dalej.
Prognoza, która sama się liczy
System sumuje oczekiwane kwoty i terminy zamknięcia — widzisz, ile brakuje do celu.
Element prezentacji treści numer 12
ASARI generuje dokumenty z danych, które już masz — bez pisania od zera.
Szablony zamiast pisania od zera
Dokument powstaje jednym kliknięciem z kartoteki klienta i oferty.
Poczta wpięta w kartotekę
Cała korespondencja z klientem jest przy jego karcie — nic nie ginie.
Element prezentacji treści numer 13
Zdjęcie dostaje margines zewnętrzny równy marginesowi tekstu po drugiej stronie — obie kolumny kończą się na linii treści.
Symetryczny oddech
Grafika nie dobija do brzegu boksa — po jej stronie zostaje taki sam margines jak po stronie tekstu.
Kadr skaluje się w dół
Węższy tor oznacza mniejszą grafikę — dobre dla zrzutów, które nie muszą dominować kompozycji.
Element prezentacji treści numer 14
Odbicie wariantu wsuniętego — grafika trzyma się lewej linii treści, tekst prawej.
Naprzemienny rytm sekcji
Wersja lewa i prawa pozwalają układać kolejne boksy w zygzak bez zmiany zachowania grafiki.
Luz po stronie wewnętrznej
Gdy limit wysokości zetnie szerokość, grafika zostaje przy krawędzi zewnętrznej — jak tekst.
Element prezentacji treści numer 15
Zdjęcie chowa się za zewnętrzną krawędź boksa o szerokość marginesu tekstu — i przez to skaluje się do góry.
Mocniejszy akcent
Powiększony zrzut z uciętą krawędzią przyciąga wzrok i sugeruje, że interfejs jest większy niż boks.
Kadr skaluje się do góry
overflow boksa przycina to, co wystaje pod krawędź — widać tylko część interfejsu, za to w większej skali.
Element prezentacji treści numer 16
Odbicie wariantu schowanego — grafika wsuwa się pod lewą krawędź boksa i również skaluje się do góry.
Ta sama głębokość, druga strona
Modyfikator --art-bleed nie zależy od strony — kadr chowa się pod tę krawędź, którą wskazuje --out-left.
Spójne z resztą kitu
Poświata, cień i typografia zostają bez zmian — steruje tu wyłącznie szerokość i pozycja grafiki.
Element prezentacji treści numer 17
Oferty, właściciele, poszukujący i historia kontaktu w jednym miejscu — bez przeklejania między arkuszem a skrzynką.
Jedna kartoteka na obiekt
Zdjęcia, dokumenty, ustalenia i korespondencja trzymają się oferty, a nie czyjegoś dysku.
Dopasowanie zamiast szukania
System sam podpowiada, którym poszukującym pokazać nową ofertę.
Element prezentacji treści numer 18
Każde zapytanie trafia na listę i ma właściciela — nie zostaje w prywatnej skrzynce ani na kartce.
Widok szans w telefonie
Etap, kwota i termin są pod ręką na spotkaniu, nie po powrocie do biura.
Zadania, które same wracają
Kontakt bez odpowiedzi wraca na listę zamiast cicho wypaść z procesu.
Element prezentacji treści numer 19
Poświata jest nakładana od środka boksu na zewnątrz po przekątnej (135°): koło po prawej blednie w prawo-górę, koło po lewej w lewo-dół — każde w stronę swojego rogu.
Mocno przy środku, przezroczyście przy rogu
Biel jest najmocniejsza po stronie środka boksu i schodzi liniowo do zera w stronę rogu zewnętrznego — twarda krawędź koła znika sama.
Działa po obu stronach
Przy --out-left baza przerzuca koła na drugą przekątną, więc kierunek gaśnięcia też się obraca — każde koło nadal blednie w stronę swojego rogu.
Element prezentacji treści numer 20
Liniowe koła czytają się tak samo na każdym ciemnym gradiencie — biel zawsze schodzi po przekątnej do pełnej przezroczystości.
Bez kosztu rozmycia
Brak filter: blur oznacza brak kosztownej warstwy rozmycia przy przewijaniu.
Łączy się z bazą
Modyfikator zmienia tylko wypełnienie kół — pozycje i rozmiary bierze z wariantu bazowego.
Element prezentacji treści numer 21
Ten sam szkielet, tylko odwrócony kontrastem: ciemna typografia na jasnym gradiencie, a pigułki przygaszone na fiolet i błękit, żeby dało się je zobaczyć.
Czyta się dłużej
Biel na nasyconym tle męczy przy kilku akapitach — tutaj tekst idzie z tych samych tokenów co treść na białym tle.
Ten sam układ
Grafika, lista i wystawanie do krawędzi działają identycznie jak w wariantach nasyconych.
Element prezentacji treści numer 22
asari-gbox--out-bottom przełącza boks w jedną kolumnę: treść na górze, a grafika schodzi pod dolną krawędź — jej dolna połowa jest już poza gradientem, na tle strony. Dobre do wysokiego zrzutu ekranu, który ma „wystawać” spod boksu. Jak głęboko grafika schodzi, ustawia zmienna --art-bleed; boks dokłada sobie tyle marginesu na dole, żeby grafika nie wjeżdżała w następną sekcję. Treść jest wyśrodkowana i węższa od grafiki.
Element prezentacji treści numer 23
Pełny dostęp do bazy klientów, ofert i zadań z telefonu — w biurze, w terenie i na spotkaniu.
Element prezentacji treści numer 24
Bogate możliwości konfiguracji sprawiają, że wdrożenie ASARI CRM nie stanowi problemu. Nasi specjaliści zaplanują cały proces — od pól i uprawnień po szkolenia zespołu.
Element prezentacji treści numer 25
asari-gbox--narrow zwęża sam kolorowy panel do ~72% i dosuwa go jedną krawędzią do linii boksów, a grafika wychodzi poza obrys panelu w wolną przestrzeń — cała kompozycja (panel + grafika) ma nadal szerokość pełnego boksa. To jedyny typ, w którym grafika naprawdę opuszcza obrys: panel ma tu overflow: visible i nie przycina. Stronę wyznacza --out-right / --out-left — przy out-right panel jest po lewej, a grafika wystaje w prawo (i odwrotnie). Ile grafika wystaje, liczy zmienna --art-out.
Element prezentacji treści numer 26
API, integracje i eksport danych sprawiają, że informacje z ASARI wykorzystasz również poza nim.
Dane tam, gdzie ich potrzebujesz
Wysyłaj informacje do systemów analitycznych, reklamowych i narzędzi wspierających sprzedaż.
Migracja bez przestoju
Przeniesiemy bazę z arkuszy lub innego systemu — zaczynasz z historią, nie od pustej tabeli.
Element prezentacji treści numer 27
Wariant lustrzany: panel dosunięty do prawej krawędzi, a grafika wychodzi poza obrys w lewo.
Kartoteka zawsze pod ręką
Kartoteka, dokumenty i historia kontaktu w jednym widoku — bez przeskakiwania między ekranami.
Ten sam szkielet
Kompozycja jest odbiciem wariantu out-right — zmienia się tylko strona grafiki.
Element prezentacji treści numer 28
Menu, uprawnienia i widoki dopasowane do roli — każdy widzi swoją część systemu, a nie wszystko naraz.
Role zamiast ustaleń
Zakres danych wynika z uprawnień, nie z tego, kto komu co przekazał.
Element prezentacji treści numer 29
Ten sam szkielet, którego używają boksy gradientowe — tyle że bez boksu, wprost na tle strony. Hero strony głównej to dokładnie ta sama sekcja: nie ma własnego układu, więc nie ma też powodu, żeby miało własną klasę. Stroną grafiki steruje jeden modyfikator.
Element prezentacji treści numer 30
Baza kontaktów i ofert to jeden z najcenniejszych zasobów w firmie. W ASARI CRM jest uporządkowana, bezpieczna i realnie wykorzystywana w sprzedaży.
Oferty na portalach szybciej niż konkurencja
Jeden opis trafia na wszystkie serwisy — zmiana ceny aktualizuje publikacje bez przeklikiwania.
Raporty, które sam ustawiasz
Moduł raportowy składa pulpity dla zarządu, kierownika i handlowca — każdy widzi, czego potrzebuje.
Uprawnienia zamiast zaufania na słowo
Dostępem sterują role i historia zmian — baza zostaje w firmie także przy rotacji zespołu.
Element prezentacji treści numer 31
Jeden system do obsługi klientów, ofert, komunikacji i analiz. Zamiast przełączać się między arkuszem, skrzynką i notatkami, pracujesz w jednym miejscu.
Element prezentacji treści numer 32
Siatkę buduje kontener .asari-cards (grupa z układem Grid), a każdą kartę — wariant bloku is-style-card na grupie w środku. Ikonę wstawiasz blokiem obrazu z klasą asari-cardicon (na figurze asari-img), pod nią nagłówek H3 i akapit opisu. Liczbę kolumn wyznacza minimalna szerokość kolumny w ustawieniach siatki — jest auto-fill, więc na wąskim ekranie zwija się sama. Karta unosi się na najechaniu; wersja wyróżniona to is-style-card-gradient.
Dane w kilku miejscach
Klient w arkuszu, ustalenia w mailu, notatki na kartce — nikt nie ma pełnego obrazu.
Ręczna, powtarzalna praca
Przepisywanie ofert i ręczne raporty pochłaniają godziny każdego tygodnia.
Zapytania bez odpowiedzi
Leady giną w skrzynce, a klient trafia do konkurencji, która odezwała się pierwsza.
Prognozy na wyczucie
Bez danych o etapach i wartości szans plan sprzedaży to zgadywanie, nie decyzja.
Element prezentacji treści numer 33
Ten sam przepis co wyżej: kontener .asari-cards, karty na wariancie is-style-card, ikona na asari-cardicon. Zmienia się tylko treść i liczba pól — układ, odstępy i zawijanie kolumn siatka trzyma sama.
Zarządzanie sprzedażą
Lejek szans, etapy i prognoza w jednym widoku.
Narzędzia marketingowe
Kampanie, źródła leadów i skuteczność w liczbach.
Poczta e-mail
Korespondencja klienta wpięta w jego kartotekę.
Zarządzanie czasem
Kalendarz, zadania i przypomnienia zespołu.
Dysk on-line
Dokumenty i pliki oferty w jednym miejscu.
Eksport ofert
Publikacja na portalach i własnej stronie WWW.
Kreator dokumentów
Umowy i protokoły z szablonów, bez przeklejania.
Ochrona danych
Uprawnienia i kontrola dostępu do bazy firmy.
Element prezentacji treści numer 34
Kontener to grupa z klasą .asari-flatgrid i układem Grid, a pozycje w środku to zwykłe grupy bez żadnej klasy — porządek trzyma sama siatka i większy odstęp, bez tła, cienia i obrysu. Ikona nadal siedzi na asari-cardicon, pod nią nagłówek i opis. Przełączenie wyglądu całej sekcji to podmiana jednej klasy na kontenerze, bez ruszania dzieci. Lżejsze i mniej „katalogowe” — dobre tam, gdzie pozycji jest kilka i nie są klikalne.
Dane w kilku miejscach
Klient w arkuszu, ustalenia w mailu, notatki na kartce — nikt nie ma pełnego obrazu.
Ręczna, powtarzalna praca
Przepisywanie ofert i ręczne raporty pochłaniają godziny każdego tygodnia.
Zapytania bez odpowiedzi
Leady giną w skrzynce, a klient trafia do konkurencji, która odezwała się pierwsza.
Prognozy na wyczucie
Bez danych o etapach i wartości szans plan sprzedaży to zgadywanie, nie decyzja.
Element prezentacji treści numer 35
Do .asari-flatgrid dokładasz na kontenerze modyfikator asari-flatgrid--rules — pola rozdziela wtedy kreska włosowa (rysują ją cienie pól na krawędzi lewej i górnej, nie ramka), a ikona wchodzi do wiersza tytułu. Zewnętrzny obrys jest przycięty, więc siatka nie zamienia się w tabelę w ramce. Dzieci nadal są bez klas; sprawdza się przy większej liczbie pozycji, gdzie sam odstęp przestaje wystarczać.
Zarządzanie sprzedażą
Lejek szans, etapy i prognoza w jednym widoku.
Narzędzia marketingowe
Kampanie, źródła leadów i skuteczność w liczbach.
Poczta e-mail
Korespondencja klienta wpięta w jego kartotekę.
Zarządzanie czasem
Kalendarz, zadania i przypomnienia zespołu.
Dysk on-line
Dokumenty i pliki oferty w jednym miejscu.
Eksport ofert
Publikacja na portalach i własnej stronie WWW.
Kreator dokumentów
Umowy i protokoły z szablonów, bez przeklejania.
Ochrona danych
Uprawnienia i kontrola dostępu do bazy firmy.
Element prezentacji treści numer 36
Trzecia klasa na kontenerze — asari-flatgrid--links — dokłada się do asari-flatgrid asari-flatgrid--rules i czyni pola klikalnymi. Prawdziwy odnośnik jest jeden, na nagłówku (<h3><a>), a jego pseudoelement rozpycha się na cały prostokąt, więc klikalna jest też ikona i opis. Sam modyfikator nie rusza układu — dokłada tylko interakcję. Strzałka stoi przy tytule od razu, bo na ekranie dotykowym hover nie istnieje.
Element prezentacji treści numer 37
Licznik stoi na szkielecie karty: kontener .asari-vcards asari-vcards--kpi, a każde pole to .asari-vcard z gradientową główką asari-vcard__top (w niej liczba jako H3) i białym licem asari-vcard__body (opis). Kolor główki wybierasz wariantem asari-vcard--biz, --nier lub --dev, a ciemne lico kart włącza modyfikator asari-vcards--dark na kontenerze. Bez osobnego pasma i tła — kafelki leżą wprost na tle strony.
34%
Więcej domkniętych transakcji już po 3 miesiącach pracy w systemie.
200%
Szybsza obsługa zapytań dzięki jednej skrzynce przy kartotece klienta.
74%
Ofert publikowanych na portalach bez ręcznego przepisywania danych.
24/7
Dostęp do bazy z telefonu — w biurze, w terenie i na spotkaniu.
Element prezentacji treści numer 38
Wspólny szkielet trzech wariantów poniżej: kontener .asari-stats, w nim pola .asari-stat, a w każdym liczba na nagłówku asari-stat__num i opis na akapicie asari-stat__label (opcjonalnie hasło na asari-stat__title). Kolor niesie sama cyfra — gradient jest przycięty do kształtu glifów, więc bursztynowa para „dev” celowo tu nie występuje (na bieli spada poniżej progu czytelności). Wygląd przełącza jedna klasa dokładana do kontenera.
Element prezentacji treści numer 39
Sam kontener .asari-stats układa liczby w siatkę do czterech kolumn, wyśrodkowane. Kolor pola wybierasz wariantem asari-stat--biz, --nier, --growth lub --sunset.
34%
Więcej domkniętych transakcji już po 3 miesiącach pracy w systemie.
200%
Szybsza obsługa zapytań dzięki jednej skrzynce przy kartotece klienta.
74%
Ofert publikowanych na portalach bez ręcznego przepisywania danych.
24/7
Dostęp do bazy z telefonu — w biurze, w terenie i na spotkaniu.
Element prezentacji treści numer 40
Modyfikator asari-stats--rules na kontenerze rozdziela pola kreską włosową (krawędź lewa i górna) i wyrównuje treść do lewej. Zawartość pól bez zmian — te same asari-stat, asari-stat__num i asari-stat__label.
34%
Więcej domkniętych transakcji już po 3 miesiącach pracy w systemie.
200%
Szybsza obsługa zapytań dzięki jednej skrzynce przy kartotece klienta.
74%
Ofert publikowanych na portalach bez ręcznego przepisywania danych.
24/7
Dostęp do bazy z telefonu — w biurze, w terenie i na spotkaniu.
Element prezentacji treści numer 41
Modyfikator asari-stats--inline stawia liczbę i opis w jednym wierszu, po dwie pozycje w rzędzie — dobre pod tekstem albo obok CTA, gdzie pionowy licznik zabrałby za dużo wysokości. Klasy pól i warianty koloru zostają te same.
34%
więcej domkniętych transakcji
200%
szybsza obsługa zapytań
74%
ofert publikowanych automatycznie
24/7
dostęp do bazy z telefonu
Element prezentacji treści numer 42
Karty modułów i narzędzi w układzie 3 i 4 w wierszu — z ikoną, plakietką, nagłówkiem i krótkim opisem.
Element prezentacji treści numer 43
Ta sama siatka .asari-cards i karty is-style-card, tylko z bogatszą treścią: plakietka na wariancie is-style-badge, nagłówek H3, opis i lista zalet na is-style-checkmark-list. Szerokość karty — a przez to trzy pozycje w rzędzie — ustawia minimalna szerokość kolumny siatki.
ASARI TRACKER
Monitor połączeń z geolokalizacją
Tracker rozpoznaje numer i pokazuje kartotekę jeszcze przed odebraniem.
- Automatyczny zapis kontaktów z rozmów
- Historia połączeń przy kliencie
- Geolokalizacja pracy w terenie
ASARI WWW
Strony internetowe dla rynku nieruchomości
Strona podpięta wprost do bazy ofert. Zmiana w CRM od razu widoczna dla klienta.
- Oferty pobierane wprost z ASARI CRM
- Gotowe szablony i Przestrzeń Klienta
- Formularze zasilające bazę leadów
ASARI POCZTA
Biznesowa poczta e-mail
Firmowe adresy w Twojej domenie, obsługiwane z tego samego miejsca co reszta komunikacji.
- Skrzynki w domenie firmy
- Integracja z kartotekami w CRM
- Korespondencja zawsze przy kliencie
Wariant 1 · Karty na białym
Element prezentacji treści numer 44
Dodatkowe narzędzia do rozbudowy bazy i lepszej komunikacji z klientem.
Monitor połączeń telefonicznych
z geolokalizacją
Strony internetowe
dla rynku nieruchomości
Biznesowa
poczta e-mail
Wariant 2 · Minimal, bez ramek
Element prezentacji treści numer 45
Dodatkowe narzędzia do rozbudowy bazy i lepszej komunikacji z klientem.
Monitor połączeń telefonicznych
z geolokalizacją
Strony internetowe
dla rynku nieruchomości
Biznesowa
poczta e-mail
Wariant E · Gradient tylko w obwódce
Element prezentacji treści numer 46
Ten sam pomysł co w kartach wersji (.asari-vcards--outline): kafel .asari-ringcard z modyfikatorem produktu (--tracker, --www, --poczta) ma białe lico, a gradient marki rysuje wyłącznie 2-px obwódkę. Logo w barwie marki stoi czysto — bez ramki wokół grafiki i bez przyciętych rogów.
Monitor połączeń telefonicznych
z geolokalizacją
Strony internetowe
dla rynku nieruchomości
Biznesowa
poczta e-mail
Element prezentacji treści numer 47
Identyczna karta, tylko węższa kolumna — cztery pozycje w rzędzie. Zmienia się wyłącznie minimalna szerokość kolumny kontenera .asari-cards; klasy kart (is-style-card, is-style-badge, is-style-checkmark-list) zostają te same, a auto-fill zwija rząd na wąskim ekranie.
ASARI TRACKER
Monitor połączeń z geolokalizacją
Tracker rozpoznaje numer i pokazuje kartotekę jeszcze przed odebraniem.
- Automatyczny zapis kontaktów z rozmów
- Historia połączeń przy kliencie
- Geolokalizacja pracy w terenie
ASARI WWW
Strony internetowe dla rynku nieruchomości
Strona podpięta wprost do bazy ofert. Zmiana w CRM od razu widoczna dla klienta.
- Oferty pobierane wprost z ASARI CRM
- Gotowe szablony i Przestrzeń Klienta
- Formularze zasilające bazę leadów
ASARI POCZTA
Biznesowa poczta e-mail
Firmowe adresy w Twojej domenie, obsługiwane z tego samego miejsca co reszta komunikacji.
- Skrzynki w domenie firmy
- Integracja z kartotekami w CRM
- Korespondencja zawsze przy kliencie
Eksport ofert
Publikacja ofert na portalach
Jedna oferta w systemie trafia na wszystkie portale, bez przepisywania danych.
- Eksport na portale jednym działaniem
- Aktualizacja ceny i statusu bez logowania do portali
- Kontrola, co i gdzie jest opublikowane
Element prezentacji treści numer 48
Wspólny szkielet całej rodziny kart wersji: kontener .asari-vcards (siatka do trzech kolumn), w nim pola .asari-vcard z wariantem koloru asari-vcard--biz, --nier lub --dev (a dla modułów --www, --tracker, --poczta). Pole składa się z gradientowej główki asari-vcard__top (nadwiersz asari-vcard__kicker i nagłówek), lica asari-vcard__body z opisem i listą asari-vcard__list oraz stopki asari-vcard__foot z odnośnikiem. To wariant B — biała karta z kolorową główką; poniżej te same karty w kolejnych odmianach, każdą włącza modyfikator na kontenerze.
Biznes
System CRM dla zespołów sprzedaży
Moduły do prowadzenia działań sprzedażowych, obsługowych i marketingowych w jednym miejscu.
- Procesy sprzedaży i obsługa klientów
- Materiały ofertowe i automatyczna komunikacja
- Analiza efektów pracy i wyników
Nieruchomości
Program dla biur nieruchomości
Profesjonalne narzędzia do sprzedaży i promocji nieruchomości — od eksportu po analizę.
- Oferty, klienci i komunikacja w jednym miejscu
- Szybki eksport ogłoszeń na portale
- Obsługa zapytań i system MLS
Deweloperzy
Oprogramowanie dla deweloperów
System do obsługi inwestycji: baza lokali, etapy sprzedaży i historia cen pod kontrolą.
- Kontrola bazy lokali i etapów sprzedaży
- Historia cen i automatyczna publikacja ofert
- Wsparcie zespołu sprzedaży inwestycji
Element prezentacji treści numer 49
Modyfikator asari-vcards--btn zamienia tekstowy odnośnik asari-vcard__foot w pełny przycisk-pigułkę ze strzałką — ten sam język przycisków co w formularzu. Reszta karty (główka, lico, lista) bez zmian; modyfikator dokłada się do dowolnego z wariantów tła.
Biznes
System CRM dla zespołów sprzedaży
Moduły do prowadzenia działań sprzedażowych, obsługowych i marketingowych w jednym miejscu.
- Procesy sprzedaży i obsługa klientów
- Materiały ofertowe i automatyczna komunikacja
- Analiza efektów pracy i wyników
Nieruchomości
Program dla biur nieruchomości
Profesjonalne narzędzia do sprzedaży i promocji nieruchomości — od eksportu po analizę.
- Oferty, klienci i komunikacja w jednym miejscu
- Szybki eksport ogłoszeń na portale
- Obsługa zapytań i system MLS
Deweloperzy
Oprogramowanie dla deweloperów
System do obsługi inwestycji: baza lokali, etapy sprzedaży i historia cen pod kontrolą.
- Kontrola bazy lokali i etapów sprzedaży
- Historia cen i automatyczna publikacja ofert
- Wsparcie zespołu sprzedaży inwestycji
Element prezentacji treści numer 50
Modyfikator asari-vcards--solid wypełnia gradientem całe pole .asari-vcard, a typografia idzie na biało. Struktura pól bez zmian (asari-vcard__top, asari-vcard__body, asari-vcard__list, asari-vcard__foot); kolor niesie wariant asari-vcard--biz/--nier/--dev.
Biznes
System CRM dla zespołów sprzedaży
Moduły do prowadzenia działań sprzedażowych, obsługowych i marketingowych w jednym miejscu.
- Procesy sprzedaży i obsługa klientów
- Materiały ofertowe i komunikacja
- Analiza efektów pracy i wyników
Nieruchomości
Program dla biur nieruchomości
Profesjonalne narzędzia do sprzedaży i promocji nieruchomości — od eksportu po analizę.
- Oferty, klienci i komunikacja
- Szybki eksport ogłoszeń na portale
- Obsługa zapytań i system MLS
Deweloperzy
Oprogramowanie dla deweloperów
System do obsługi inwestycji: baza lokali, etapy sprzedaży i historia cen pod kontrolą.
- Kontrola bazy lokali i etapów
- Historia cen i publikacja ofert
- Wsparcie zespołu sprzedaży
Element prezentacji treści numer 51
Złożenie asari-vcards--solid asari-vcards--btn — cała karta w gradiencie i przycisk w stopce naraz. Na pełnym gradiencie przycisk stopki dostaje biel, żeby odcinał się od tła.
Biznes
System CRM dla zespołów sprzedaży
Moduły do prowadzenia działań sprzedażowych, obsługowych i marketingowych w jednym miejscu.
- Procesy sprzedaży i obsługa klientów
- Materiały ofertowe i komunikacja
- Analiza efektów pracy i wyników
Nieruchomości
Program dla biur nieruchomości
Profesjonalne narzędzia do sprzedaży i promocji nieruchomości — od eksportu po analizę.
- Oferty, klienci i komunikacja
- Szybki eksport ogłoszeń na portale
- Obsługa zapytań i system MLS
Deweloperzy
Oprogramowanie dla deweloperów
System do obsługi inwestycji: baza lokali, etapy sprzedaży i historia cen pod kontrolą.
- Kontrola bazy lokali i etapów
- Historia cen i publikacja ofert
- Wsparcie zespołu sprzedaży
Element prezentacji treści numer 52
Modyfikator asari-vcards--outline zostawia białe lico, a gradient wariantu rysuje wyłącznie 2-px obwódkę (maska wycina środek). Nadwiersz asari-vcard__kicker jest wtedy w gradiencie, a nie na tle. Struktura pól i warianty koloru bez zmian.
Biznes
System CRM dla zespołów sprzedaży
Moduły do prowadzenia działań sprzedażowych, obsługowych i marketingowych w jednym miejscu.
- Procesy sprzedaży i obsługa klientów
- Materiały ofertowe i komunikacja
- Analiza efektów pracy i wyników
Nieruchomości
Program dla biur nieruchomości
Profesjonalne narzędzia do sprzedaży i promocji nieruchomości — od eksportu po analizę.
- Oferty, klienci i komunikacja
- Szybki eksport ogłoszeń na portale
- Obsługa zapytań i system MLS
Deweloperzy
Oprogramowanie dla deweloperów
System do obsługi inwestycji: baza lokali, etapy sprzedaży i historia cen pod kontrolą.
- Kontrola bazy lokali i etapów
- Historia cen i publikacja ofert
- Wsparcie zespołu sprzedaży
Element prezentacji treści numer 53
Złożenie asari-vcards--outline asari-vcards--btn — gradientowa obwódka i przycisk-pigułka w stopce. Baza wyglądu w całości dziedziczy z wariantu E, modyfikator --btn dokłada tylko przycisk.
Biznes
System CRM dla zespołów sprzedaży
Moduły do prowadzenia działań sprzedażowych, obsługowych i marketingowych w jednym miejscu.
- Procesy sprzedaży i obsługa klientów
- Materiały ofertowe i komunikacja
- Analiza efektów pracy i wyników
Nieruchomości
Program dla biur nieruchomości
Profesjonalne narzędzia do sprzedaży i promocji nieruchomości — od eksportu po analizę.
- Oferty, klienci i komunikacja
- Szybki eksport ogłoszeń na portale
- Obsługa zapytań i system MLS
Deweloperzy
Oprogramowanie dla deweloperów
System do obsługi inwestycji: baza lokali, etapy sprzedaży i historia cen pod kontrolą.
- Kontrola bazy lokali i etapów
- Historia cen i publikacja ofert
- Wsparcie zespołu sprzedaży
Element prezentacji treści numer 54
Element prezentacji treści numer 55
Klasa asari-vcards--price to nakładka na wariant E (asari-vcards--outline, tu z --btn): nie rusza obwódki ani lica, dokłada w główce blok ceny — asari-vcard__price z kwotą asari-vcard__amount (i jednostką asari-vcard__unit), dopiskami asari-vcard__net/asari-vcard__vat oraz okresem asari-vcard__period — i układa karty w dwie kolumny. Pakiet polecany oznacza asari-vcard--featured (wstążka).
ASARI Tracker
Monitor połączeń
39 zł netto
47,97 zł z VAT
za 30 dni za użytkownika
Pełny rejestr rozmów służbowych spięty z kartą klienta w CRM.
- Rejestr połączeń przychodzących i wychodzących
- Automatyczne dopięcie rozmów do kontaktów
- Historia kontaktu z klientem w jednym miejscu
ASARI Tracker +
Monitor połączeń z lokalizacją
49 zł netto
60,27 zł z VAT
za 30 dni za użytkownika
Wszystko z Monitora połączeń plus lokalizacja pracowników w terenie.
- Wszystko z pakietu Monitor połączeń
- Geolokalizacja pracowników w terenie
- Weryfikacja obecności na spotkaniach
Element prezentacji treści numer 56
Lekka zaślepka ekranu budowana z klocków interfejsu — gdy nie chcemy pełnego zrzutu SVG. Sześć realistycznych ekranów ASARI z tych samych klocków — z ikonami modułów w pasku okna oraz nazwami i kolorami wprost z systemu: raporty, tablica szans, karta oferty, lista nieruchomości, czat asystenta AIA i formularz dodawania oferty.
2,4 mln zł
Sprzedaż
82%
Realizacja celu
34
Nowe szanse
stylutmarkwimajcze
Sprzedaż — ostatnie 6 miesięcy
28 500 zł
Projekt SEO
Kampania Ads
32 800 zł
Projekt UX/UI
120 500 zł
Aplikacja web
Sklep online
57 000 zł
Projekt logo
Łódź, ul. Księżycowa
Aktywna
749 000 PLN
Dział: OMS Mieszkania
Cena za m²: 12 000 zł
Powierzchnia: 42 m²
Liczba pokoi: 3
Piętro: 3
Warszawa, ul. Akacjowa 2
1 250 000 PLN
Aktywna
Radom, ul. Kilińskiego 12
341 000 PLN
Wysłana oferta
Piaseczno, ul. Sosnowa 9
1 400 000 PLN
Negocjacje
Kraków, ul. Nadwiślańska 42
980 000 PLN
Aktywna
AIA
● Główna sztuczna inteligencja ASARI
Cześć! Tu AIA. W czym mogę pomóc?
Pokaż nowe szanse z tego tygodnia
Znalazłem 12 nowych szans o łącznej wartości 238 000 zł. Pokazać podsumowanie?
Podsumuj ofertę
Napisz e-mail
Analiza cen
Adres
Cena (PLN)
Powierzchnia (m²)
Dział
Element prezentacji treści numer 57
Mini-okna kładzione na zrzutach aplikacji — jedna skorupa, osiem typów zawartości i dwa zestawy kolorystyczne. Ikony to Dashicons wbudowane w WordPressa, wystawione na froncie przez wtyczkę beeclear-blog-tools — proste kształty, bez plików w motywie. Wykresy rysuje CSS, na pojedynczych kolorach z palety.
Zestaw ciemny — na jasne ekrany (pulpit, kanban, lista)
Sprzedaż — ostatnie 6 miesięcy
2,4 mln zł
Prognoza domknięć: 82% celu
Lejek szans — trend kwartalny
+18%
Wartość szans w toku vs. poprzedni kwartał
Źródła leadów
Formularz WWW — 46%
Portale — 28%
Polecenia — 16%
Wysyłka: Nowa oferta — luty
1 248
wysłanych z 1 520 adresów
Skuteczność wysyłki
Dostarczone98%
Otwarcia41%
Kliknięcia12%
Zespół — dostępność dziś
Marta K.biuro
Paweł R.urlop
Anna W.zdalnie
Użytkownicy i uprawnienia
12
aktywnych kont w organizacji
Marta K.administrator
Tomasz Z.sprzedaż
AIA — podpowiedzi
3 sugestie
dla szansy „Aplikacja webowa”
Podsumuj rozmowę
Zaproponuj termin
Zestaw jasny — na ciemne ekrany (menu mobilne, hero)
Sprzedaż — ostatnie 6 miesięcy
2,4 mln zł
Prognoza domknięć: 82% celu
Lejek szans — trend kwartalny
+18%
Wartość szans w toku vs. poprzedni kwartał
Źródła leadów
Formularz WWW — 46%
Portale — 28%
Polecenia — 16%
Wysyłka: Nowa oferta — luty
1 248
wysłanych z 1 520 adresów
Skuteczność wysyłki
Dostarczone98%
Otwarcia41%
Kliknięcia12%
Zespół — dostępność dziś
Marta K.biuro
Paweł R.urlop
Anna W.zdalnie
Użytkownicy i uprawnienia
12
aktywnych kont w organizacji
Marta K.administrator
Tomasz Z.sprzedaż
AIA — podpowiedzi
3 sugestie
dla szansy „Aplikacja webowa”
Podsumuj rozmowę
Zaproponuj termin
Element prezentacji treści numer 58
Sekcje z opiniami obsługiwane przez wtyczkę — slider i karty. Treść pochodzi z bazy opinii (z importem z Google), nie z edytora.
Element prezentacji treści numer 59
Dowiedz się, za co klienci i partnerzy cenią nasz system CRM.
Element prezentacji treści numer 60
Dziewięć opinii przeniesionych z asaricrm.com razem ze zdjęciami. Slider: jedna opinia naraz, zdjęcie i nazwisko po lewej, treść po prawej, zmiana co siedem sekund.
Element prezentacji treści numer 61
Te same dziewięć opinii obok siebie: trzy karty w wierszu na desktopie, dwie na tablecie, jedna na telefonie. Cytat u góry, zdjęcie i nazwisko w stopce karty — kropki pod spodem przewijają zestaw grupami.
Element prezentacji treści numer 62
Prezentacja logotypów klientów i partnerów jako dowód skali — statyczna siatka oraz przesuwająca się linia. Obsługiwane przez wtyczkę.
Element prezentacji treści numer 63
Siatka: wszystkie znaki obok siebie, zawijane do kolejnych wierszy — 5 kolumn na desktopie, 3 na tablecie, 2 na telefonie. Logo są szare do momentu najechania kursorem.
Element prezentacji treści numer 64
Pasmo: wszystkie znaki na jednej linii, płynnie przesuwanej w prawo z prędkością 60 px/s. Linia zatrzymuje się pod kursorem, pauzuje poza widokiem, a przy włączonym „ogranicz ruch” w systemie nie startuje wcale.
Element prezentacji treści numer 65
Pasma domykające sekcję jednym mocnym „zrób to teraz” — na gradiencie hero, w wersji podstawowej, „biznes” i „nieruchomości”.
Element prezentacji treści numer 66
Załóż konto i przetestuj ASARI CRM na start — bez przepisywania bazy, w pierwszym tygodniu.
Element prezentacji treści numer 67
Załóż konto i przetestuj ASARI CRM na start — bez przepisywania bazy, w pierwszym tygodniu.
Element prezentacji treści numer 68
Załóż konto i przetestuj ASARI CRM na start — bez przepisywania bazy, w pierwszym tygodniu.
Element prezentacji treści numer 69
Trzy sekcje z formularzem i dekoracją tła: dwie z dużymi kołami (jasny i ciemny gradient) oraz jedna z pigułkami à la hero.
Element prezentacji treści numer 70
Zostaw telefon i adres e-mail — odpowiemy w jeden dzień roboczy i pokażemy ASARI CRM na Twoich danych.
Administrator (ASARI Sp. z o.o.) przetwarza dane w celu udzielenia odpowiedzi, a w przypadku wyrażenia zgód na otrzymywanie informacji handlowych — w celu ich przekazania. Zgody są dobrowolne i można je wycofać w dowolnym momencie. Więcej informacji, w tym o przysługujących prawach, znajdziesz tutaj.
Element prezentacji treści numer 71
Zostaw telefon i adres e-mail — odpowiemy w jeden dzień roboczy i pokażemy ASARI CRM na Twoich danych.
Administrator (ASARI Sp. z o.o.) przetwarza dane w celu udzielenia odpowiedzi, a w przypadku wyrażenia zgód na otrzymywanie informacji handlowych — w celu ich przekazania. Zgody są dobrowolne i można je wycofać w dowolnym momencie. Więcej informacji, w tym o przysługujących prawach, znajdziesz tutaj.
Element prezentacji treści numer 72
Zostaw telefon i adres e-mail — odpowiemy w jeden dzień roboczy i pokażemy ASARI CRM na Twoich danych.
Administrator (ASARI Sp. z o.o.) przetwarza dane w celu udzielenia odpowiedzi, a w przypadku wyrażenia zgód na otrzymywanie informacji handlowych — w celu ich przekazania. Zgody są dobrowolne i można je wycofać w dowolnym momencie. Więcej informacji, w tym o przysługujących prawach, znajdziesz tutaj.
Element prezentacji treści numer 73
Siatka wdrożonych stron WWW — zrzut realizacji wypełnia całą kartę, a nazwa firmy i przycisk leżą na grafice. Kliknij w wybrany szablon i zobacz, jak może wyglądać Twoja strona.
Element prezentacji treści numer 74
Karta realizacji to grupa .asari-shot w siatce .asari-cards: zrzut na .asari-shot__media (proporcje 600×410, kadrowanie object-fit: cover) wypełnia całą kartę, a na nim leży nakładka .asari-shot__overlay dosunięta do dołu — nagłówek H3 i przycisk is-style-on-dark na przyciemniającym gradiencie. Pudełko niesie cień z hover-liftem — bez obrysowej ramki.
