Solve.rs
Projekat · logo, brend i online prodavnica

Masterfish: od logoa do prodavnice sa pametnim katalogom

Za Masterfish smo uradili sve, od znaka do korpe: logo, vizuelni identitet i online prodavnicu ribolovne opreme u kojoj se oprema traži po vodi, tehnici, klasi štapa i ciljanoj ribi, a sajt preporučuje varalicu za ribu koju lovite.

Izrada online prodavnice
Klijent
Masterfish
Delatnost
Online prodaja / ribolovna oprema
Obim
Logo, brend i prodavnica
Status
Pred lansiranjem
Izazov

Ribolovna oprema se ne bira samo po vrsti proizvoda

  • Brend je trebalo napraviti od nule: znak, boje i tipografiju
  • Ista varalica radi za više riba, tehnika i voda, pa obično stablo kategorija nije dovoljno
  • Kupac često zna koju ribu lovi, ali ne zna koju varalicu da uzme
  • Kombinacije filtera ne smeju da naprave hiljade duplih stranica za Google
  • Admin je morao da prati katalog od prvog dana, a ne da kasni za prodavnicom
Rešenje

Brend i katalog koji razmišljaju kao ribolovac

  • Logo: debelo, ručno crtano M sa repom ribe u negativnom prostoru
  • Dizajn vodič: papir, tamno mastilo, jedan akcenat i jedan font
  • Filteri koji se ukrštaju: voda, tehnika, klasa štapa, ciljana riba i tip varalice
  • Preporuka varalice za ciljanu ribu, iz podataka samog kataloga
  • Admin rađen uporedo sa prodavnicom: proizvodi, filteri, porudžbine i finansije
Rezultat

Brend i prodavnica iz jedne ruke

5
vrsta filtera koji se ukrštaju
UL–XH
klase štapova u filterima
IPS QR
i pouzeće pri plaćanju
1
dizajn vodič za sajt i admin
Logo i brend

Znak koji se pamti posle jednog pogleda

Masterfish znak je debelo, ručno crtano slovo M sa repom ribe u negativnom prostoru i talasima vode sa strane. Iz njega je izveden ceo brend: boje, tipografija i pravila upotrebe, zapisani u jednom dizajn vodiču koji važi i za prodavnicu i za admin.

Znak na svetloj podlozi
Znak na tamnoj podlozi
Ikonica sajta
  • Papir
    #F1EEE6

    Osnovna pozadina sajta

  • Mastilo
    #15140F

    Tekst i tamne površine

  • Plima
    #14655A

    Jedini akcenat: dugmad, linkovi i aktivni filteri

  • Zlato
    #C2902F

    Samo za zvezdice ocena

Mulish

Jedan font za prodavnicu i admin, od naslova do cena.

Štapovi, mašinice, varalice, najlon i pribor

Aa Bb Cc Čč Ćć Dd Đđ Šš Žž · 0123456789

  • Vektorski znak, veran ručnom originalu
  • Jedna akcenatska boja, bez posebnih boja za akcije
  • Zlatna boja samo za ocene kupaca
  • Ikonica sajta: znak na zelenoj pločici
Katalog

Filteri koji se ukrštaju

Jig&Bau-u su dovoljne kategorija i ciljana riba. Masterfish prodaje štapove, mašinice, varalice, najlon i pribor, pa se svaki proizvod opisuje sa više strana odjednom.

Voda

Slatka ili morska voda, kao prvi izbor u filterima i u pretrazi.

Disciplina i tehnika

Varaličarenje, feeder i druge tehnike imaju svoje stranice sa opremom koja im odgovara.

Klasa štapa

Od UL do XH, uz raspon bacanja koji se vidi i na kartici proizvoda.

Ciljana riba

Izaberete ribu, a prodavnica pokazuje varalice i tehnike koje za nju rade. Svaka riba ima i svoju stranicu.

Tip varalice

Varalice se filtriraju i po tome kako plivaju i na kojoj dubini rade.

Poređenje i lista želja

Proizvodi iz iste kategorije porede se jedan pored drugog, a omiljeni se čuvaju za kasnije.

SEO

Mnogo filtera, bez duplih stranica

Filteri pomažu kupcu, a Google treba da vidi samo stranice koje imaju smisla same za sebe.

Stranice po ribi i tehnici

Odabrane kombinacije, kao varalice za određenu ribu ili oprema za određenu tehniku, prave su stranice sa svojim tekstom.

Ostale kombinacije filtera

Google ih ne indeksira kao posebne stranice, pa se pozicije ne rasipaju na hiljade sličnih adresa, a linkovi i dalje vode do proizvoda.

Proizvodi za Google

Svaki proizvod nosi cenu, dostupnost i ocene u obliku koji Google razume, uz putanju do kategorije.

Srodni proizvodi

Stranica proizvoda vodi ka opremi za istu ribu ili tehniku, a stranice po ribi nazad ka svojoj kategoriji.

Isti temelj kao Jig&Bau

Porudžbine, admin i dostava rade kao u Jig&Bau-u

Ostatak prodavnice je isti temelj kao kod Jig&Bau-a, prilagođen većem katalogu.

Korpa i plaćanje

Porudžbina bez duplih slanja, plaćanje IPS QR kodom ili pouzećem, mejl potvrde i podsetnik za napuštenu korpu.

Admin za ceo posao

Proizvodi sa varijantama i zalihama, filteri i preporuke, porudžbine, kupci, akcije, blog i landing stranice, uz uloge za tim.

Zaštićen admin

Prijava u dva koraka, pristup samo sa dozvoljenih adresa i ograničen broj pokušaja prijave.

D Express

Veza sa D Expressom iz Jig&Bau-a je preneta i spremna, a uključuje se kada Masterfish potpiše svoj ugovor sa D Expressom.

Tehnologija

Stek prodavnice

Frontend

  • Next.js 16
  • React
  • TypeScript
  • Tailwind CSS 4

Backend i baza

  • Supabase
  • PostgreSQL
  • Mejlovi kupcima

Brend

  • Logo u vektoru
  • Dizajn vodič
  • Font Mulish

SEO

  • Strukturisani podaci za proizvode
  • Sitemap
  • Kanonske adrese za filtere
Uvidi

Šta smo naučili na ovom projektu

Katalog je deo proizvoda

Kada se oprema opiše onako kako ribolovac razmišlja (riba, voda, tehnika), filteri, preporuke i stranice za Google nastaju iz istih podataka.

Dizajn vodič pre komponenti

Svaki deo prodavnice i admina pravljen je po istom vodiču, pa sajt izgleda kao jedan brend, a ne kao šablon.

Admin uporedo sa prodavnicom

Svaka nova stranica prodavnice odmah je dobila svoj deo u adminu, pa vlasnik katalog unosi sam, bez čekanja na programera.

Treba vam brend i prodavnica?

Radimo i logo i vizuelni identitet i prodavnicu, pa sve od znaka do korpe govori istim jezikom.

Izrada sajta