01
Čovek pre platforme
Na drugoj strani ekrana je neko kome je teško. Svaka odluka o proizvodu počinje odatle.
Psihoterapija ti može pomoći da razumeš šta te muči i promeniš ono što je u tvojoj moći. Ne rešava sve, ali počinje jednim razgovorom. Pogledaj ko su terapeuti, koliko košta i kada su slobodni, pre nego što zakažeš.
01 / Zašto postojimo
Glavna poruka
Može da ti bude bolje.
Imenuje mogućnost i pravac, ne obećava ishod. Koristi se samo kada okolni tekst objasni da psihoterapija može da pomogne i ponudi jedan konkretan sledeći korak. Nikada kao obećan rezultat, rok ili opšta klinička tvrdnja.
Pozicioniranje
Rešimo Probleme je platforma za online psihoterapiju na srpskom jeziku. Postojimo da bi put od prve pomisli na terapiju do prvog razgovora bio kratak i jasan: ko je terapeut, kako radi, koliko razgovor košta i kada je slobodan, sve pre zakazivanja.
01
Na drugoj strani ekrana je neko kome je teško. Svaka odluka o proizvodu počinje odatle.
02
Ne tražimo odluku o terapiji, nego o jednom razgovoru. Sve ostalo dolazi posle.
03
Ko je terapeut, kako radi, koliko košta i kada je slobodan, sve pre nego što zakažeš.
04
Kažemo da može da bude bolje i objasnimo kako, bez garancija i rokova.
Za ljude van Srbije
Na jeziku na kom ne moraš da prevodiš sebe.
Ovo je poruka za dijasporu, ne trajni slogan i ne deo logotipa.
02 / Ljudski indeks
Ovo je osnovna jedinica identiteta. Ne rangiramo terapeute i ne izmišljamo podudaranje. Pokazujemo dovoljno da čovek prepozna kome bi mogao da se otvori.
Portret ili video, kada postoji.
Nikada stok fotografija umesto terapeuta. Nikada izmišljena osoba u demonstraciji.
Primer strukture, ne stvarna ponuda
“Jedna stvarna rečenica terapeuta o tome kako pristupa razgovoru.”
Jedna odluka, jedan sledeći korak
Pogledaj profilStvarna osoba
Portret ili video, kada postoji.
Svojim rečima
Jedna rečenica po kojoj čuješ kako ta osoba misli.
Način rada
Konkretno, bez rangiranja i superlativa.
Cena
Tačan iznos za izabranu vrstu razgovora.
Termin
Stvarna dostupnost iz kalendara.
Sledeći korak
Jedna jasna radnja.
03 / Glas
Pišemo na srpskom latinicom, uz obavezne dijakritike, i obraćamo se sa ti. Ne dijagnostikujemo, ne požurujemo i ne obećavamo ishod. Neko ko ovo čita se već ne oseća dobro.
Kažemo
Pogledaj ko ima slobodan termin.
Ne kažemo
Započni svoje transformativno putovanje.
Nudimo jedan korak, ne životnu prekretnicu.
Kažemo
Ne moraš da znaš koja vrsta psihoterapije ti treba.
Ne kažemo
Pronađi savršeno personalizovano rešenje.
Skidamo teret sa čoveka, ne dodajemo mu zadatak.
Kažemo
Cenu i slobodne termine vidiš pre zakazivanja.
Ne kažemo
Besprekorno iskustvo prilagođeno tebi.
Uklanjamo neizvesnost, jer neizvesnost odlaže.
Kažemo
Može da ti bude bolje.
Ne kažemo
Garantujemo da ćeš se osećati bolje za 30 dana.
Imenujemo mogućnost, ne obećavamo ishod ni rok.
04 / Identitet
Smela tipografija, stvarni ljudi, jasni rezovi i dovoljno praznog prostora. Bez generičke wellness estetike, folklora, gradijenata i generičkih ilustracija.
Tipografija
Orto
RNIDS
Stvarni terapeuti, prirodno svetlo.
Direktan kadar bez korporativne poze. Video ima titl i transkript, ne kreće automatski i prikazuje se samo kada postoji.
Površine
Svetla slonovača je normalan prostor. Prigušena slama pokazuje da sadržaj pripada istoj grupi. Bela ne pravi treći nivo.
#fbf8ec
Platno, kartice, formulari, meniji i dijalozi. Granica objekta dolazi iz linije, rasporeda ili blage senke.
#f1e9d2
Uvodne trake, filteri, prateći sadržaj i dostupne opcije koje još nisu izabrane.
Izuzetak, ne površina
Aa
Bela nije površina proizvoda. Koristi je za tekst i ikone na tirkiznoj, šumsko zelenoj ili drugoj tamnoj podlozi, kao i kada štampa ili izvoz zaista traže belu.
Šumsko zelena
#103f39
bg-brand-forest
Polja identiteta
Tirkizna
#0d6c65
bg-brand
Radnje i linkovi
Mastilo
#17211f
text-foreground
Naslovi i tekst
Svetla slonovača
#fbf8ec
bg-background
Glavna površina i kartice
Prigušena slama
#f1e9d2
bg-secondary
Grupisanje i sekundarne površine
Ivica kontrole
#7f7669
border-input
Polja i dugmad
Tanka linija
#e5ded2
border-border
Razdvajanje
Prigušeni tekst
#625c50
text-muted-foreground
Pomoćni i sekundarni tekst
Bela za kontrast
#ffffff
text-white
Tekst i ikone na tamnim poljima
Semantika
Fizička boja je poslednja odluka u lancu. Ne biramo nijansu na svakoj stranici iznova.
| Uloga | Tokeni | Vrednost | Pravilo |
|---|---|---|---|
| Platno i objekti | background · card · popover | #fbf8ec | Normalan prostor. Kartice i dijalozi se odvajaju linijom, rasporedom ili blagom senkom, ne trećom neutralnom bojom. |
| Grupisanje | secondary · muted · accent | #f1e9d2 | Povezuje sadržaj koji pripada istoj celini. Sama boja ne znači da je nešto izabrano, uspešno ili dostupno. |
| Primarni tekst | foreground | #17211f | Naslovi, tekst i ikone kojima je potrebna puna čitljivost. |
| Prigušeni tekst | muted-foreground | #625c50 | Jedan prigušeni tekst za obe neutralne površine. Ne uvodimo poseban tekst za svaku površinu. |
| Radnja i izbor | brand-action · brand-action-hover | #0d6c65 | Glavne radnje, linkovi, fokus i nedvosmislen izbor. Tirkizna nije dekorativna ispuna. |
| Struktura i kontrole | border · input | #e5ded2 · #7f7669 | Tanka linija razdvaja sadržaj. Jača ivica pokazuje gde čovek može da unese ili izabere vrednost. |
Fotografija
Koristi
Izbegavaj
Ilustracija
Linija
Ručna, blago nepravilna linija u mastilu, šumsko zelenoj ili tirkiznoj. Menjaj težinu samo kada pomaže hijerarhiji.
Boja
Koristi odobrene boje brenda. Po objektu zadrži jednu osnovnu i najviše jednu prateću boju.
Likovi
Proporcije su ljudske i prepoznatljive, bez korporativnih vektorskih poza, karikature i dečjeg tona.
Svetlo i tekstura
Jedan smer svetla, jednostavne senke i umerena tekstura. Bez gradijenata, sjaja i zamućenih mrlja.
Kompozicija
Ilustracija ispunjava namenjeni format, ali ostavlja čist prostor za tekst. Dekoracija mora imati razlog.
Granica primene
Ilustracija objašnjava ideju ili pravi urednički ritam. Ne menja stvarnu fotografiju terapeuta i ne označava stanje interfejsa.
05 / Proizvod
Poznati obrasci ostaju poznati. Svaki ekran ima jedan zadatak: da čoveku koji okleva olakša sledeći korak, a ne da pokaže koliko toga umemo.
| Površina | Šta otkriva pre odluke | Glavna radnja |
|---|---|---|
| Početna | Da nisi jedini kome je ovo teško i da prvi korak nije velik. | Pogledaj slobodne termine |
| Lista terapeuta | Stvarne osobe, kako rade, koliko košta i ko je slobodan uskoro. | Pogledaj profil |
| Profil terapeuta | Dovoljno o osobi da osetiš da li bi mogao da joj se otvoriš. | Izaberi termin |
| Zakazivanje | Tačan datum, tvoje vreme, cena i pravila, bez sitnih slova. | Nastavi sa zakazivanjem |
| Sadržaj i podrška | Ko je pisao, odakle podaci, šta tekst ne može i kome da se javiš. | Pročitaj ili kontaktiraj podršku |
Stanja
Ispuna, ivica, tekst i kontrola zajedno objašnjavaju stanje. Prigušena slama sama po sebi nikada ne znači izbor.
| Stanje | Površina | Ivica | Dodatni signal |
|---|---|---|---|
| Osnovno | Svetla slonovača | Ivica kontrole | Mastilo |
| Prelazak | Prigušena slama | Tirkizna ivica | Mastilo |
| Izabrano | Prigušena slama | Tirkizna ivica | Tirkizna kontrola ili puna tirkizna radnja |
| Fokus | Zadržava stanje | Tirkizni prsten | Vidljivo i bez promene boje ispune |
| Nedostupno | Svetla slonovača ili bez ispune | Bez aktivne ivice | Prigušeni tekst |
Osnovno
Individualna terapija
Dolazim sam/a, bez obzira na temu
Izabrano
Individualna terapija
Dolazim sam/a, bez obzira na temu
Nedostupno
Termin nije dostupan
Izaberi drugi datum ili vreme.
Provera
Želiš da vidiš princip u stvarnom proizvodu?
Pogledaj slobodne termine06 / Materijali
Koristi SVG kad god je moguće. PNG zadržava providnu pozadinu, dok je JPEG spreman za alate koji traže punu pozadinu. Ne dodaj slogan, ne menjaj odnos elemenata i ne precrtavaj znak.
Znak i naziv
Podrazumevani logotip za svetle površine.
Znak i naziv
Štampa i primene koje zahtevaju jednu boju.
Znak i naziv
Tamne šumsko zelene ili mastilo površine.
Naziv
Kada je znak već prisutan u neposrednom kontekstu.
Naziv
Jednobojna štampa na svetloj površini.
Naziv
Tamne površine kada znak nije potreban.
Znak
Podrazumevani znak na svetlim površinama.
Znak
Uredničke i jednobojne primene.
Znak
Šumsko zelene i druge tamne površine.
Avatar
Profilne slike i mali kružni formati.
Upravljanje
Brend sistem održavaju product i brand. Javni materijali su izraz sistema, dok su odluke, statusi i izuzeci u internom priručniku.
Za partnerstva, medije ili proveru primene piši na podrska@resimoprobleme.com.
07 / Društvene mreže
Preuzmi gotove materijale za naloge ili kreni od šablona za objave. Svaki format nosi stvarne ljude i jedan sledeći korak, bez motivacionih citata odvojenih od konteksta.
Zašto ovaj sistem
Ljudi stižu sa oglasa, iz pretrage ili od AI odgovora i prvo provere da li smo stvarni. Feed od devet objava ima pet sekundi da odgovori na tri stvari.
Stvarni ljudi
Imenovani terapeuti, lica i njihove reči, nikad stok klijenta.
Stvarna usluga
Cena, slobodan termin i proizvod, ne obećanje bez dokaza.
Jasan sledeći korak
Jedna radnja vodi dalje, bez konkurentskih poziva.
Feed u devet objava
Kohezija dolazi iz stvarnih kadrova, kratkih naslova i tihog potpisivanja brenda. Ne mora svaka objava da izgleda isto.
6 / 9
stvarni medij
2 / 9
urednički kadar
1 / 9
dokaz iz proizvoda
Sadržaj
Svaka objava pripada imenovanoj seriji koja se ponavlja, ne jednokratnom šablonu. Prepoznatljivost dolazi od franšize, ne od jednog dobrog kadra.
Ljudi
Stvarni ljudi: terapeut govori svojim glasom, bez skripte.
Jedna stvarna rečenica terapeuta, uz ime, zvanje i portret.
Citat je jedna misao. Bez parafraziranja i marketinškog doterivanja.
Naslovna slika videa sa stvarnim terapeutom i kratkom porukom.
Lice ostaje čisto, a naslov kratak i udaljen od ivica.
Naslovni kadar za Story, Reel, TikTok ili Short.
Važan sadržaj izbegava gornjih 14% i donjih 20% kadra.
Razumevanje
Razumemo gde si: stvarno pitanje, koristan odgovor.
Jedno stvarno pitanje i kratak, koristan odgovor.
Tekst ostaje najmanje 96 px od svake ivice.
Prvi kadar karusela sa jednom jasnom temom.
Naslov i redni broj ostaju u centralnom 4:5 kadru.
Jedna konkretna činjenica ili korak po kadru.
Jedna ideja po kadru, uz najmanje 96 px unutrašnje margine.
Završni kadar sa jednim sledećim korakom.
Jedna radnja bez dodatnih konkurentskih poziva.
Usluga
Stvarna usluga: cena, termin, recenzija, proverljivo, ne obećano.
Jedna proverljiva činjenica o profilu, ceni, terminu ili recenziji.
Prikaži samo stvarne podatke i ukloni lične informacije.
Jedna stvarna recenzija sa platforme, anonimizovana i uz saglasnost.
Bez imena klijenta i bez detalja koji mogu da otkriju identitet.
Proizvodnja
01
Jedan iskren razgovor sa terapeutom, 20 do 30 minuta.
02
Najjači minut, sa kukom u prve dve sekunde.
03
Koraci ili odgovor iz razgovora, kadar po kadar.
04
Jedna rečenica postaje objava u seriji Svojim rečima.
Video i Reel
01
Prve dve sekunde nose pitanje ili tvrdnju, ne brend. Logotip i ime dolaze kasnije.
02
Većina gleda bez tona. Donja trećina kadra nosi titl, u bezbednoj zoni.
03
Terapeut dobija diskretnu pločicu: ime, zvanje. Bez zvanja izmišljenih za marketing.
Instagram profil
Profilna slika ostaje ista, a Highlight naslovnice brzo objašnjavaju prvi korak, terapeute, način rada, pitanja i iskustva.
Jedan prepoznatljiv avatar za sve zvanične naloge.
Znak ostaje čitljiv kada ga platforma iseče u krug.
Naslovna slika za priče o prvom razgovoru i početku terapije.
Simbol ostaje u centralnom krugu koji Instagram prikazuje.
Naslovna slika za predstavljanje stvarnih terapeuta.
Simbol ostaje u centralnom krugu koji Instagram prikazuje.
Naslovna slika za objašnjenje izbora, zakazivanja i razgovora.
Simbol ostaje u centralnom krugu koji Instagram prikazuje.
Naslovna slika za česta pitanja i kratke odgovore.
Simbol ostaje u centralnom krugu koji Instagram prikazuje.
Naslovna slika za iskustva vezana za održane razgovore.
Simbol ostaje u centralnom krugu koji Instagram prikazuje.
Ostale mreže
Facebook, LinkedIn i YouTube dobijaju format koji njihova platforma traži, uz isti logotip, boje i glavnu poruku.
Naslovna slika zvanične Facebook stranice.
Glavna poruka je udaljena od profilne slike i ivica kadra.
Naslovna slika zvanične LinkedIn stranice.
Ključni elementi ostaju u sredini zbog promenljivog kadriranja.
Baner kanala prilagođen televizoru, računaru i telefonu.
Logotip i poruka su unutar centralne bezbedne zone 1544 × 423 px.
Alati
Deljenje linka i naslovna slika za YouTube video služe distribuciji, ne feedu, i ne nose potpis nijedne serije.
Naslovna slika za članak, vodič ili javnu stranicu.
Naslov ostaje kratak i udaljen od automatskog kadriranja.
Naslov videa uz prostor za stvarnog terapeuta ili kadar iz razgovora.
Tekst ne ulazi u donji desni ugao sa trajanjem videa.
Provera pre objave
01
Jedan kadar ne pokušava da objasni sve.
02
Koristi terapeuta ili pravi kadar, nikada stok klijenta.
03
Objava vodi ka jednoj jasnoj i stvarnoj radnji.
04
Da li novi posetilac za pet sekundi vidi ljude, uslugu i korak?