Skip to content
Svi projekti
Redizajn veb-sajta

Studio Kadar – Redizajn i optimizacija veb-sajta

Uloga
Full-stack WordPress programer
Period
05/2023 – 12/2023
Klijent
Studio Kadar

50%

kraći put do galerija portfolija

8+

stranica optimizovano za mobilne uređaje

100%

kompatibilnost sa uređajima, od laptopa do telefona

Kompletan redizajn i optimizacija sajta profesionalnog fotografskog studija. Početna stranica je restrukturirana i dobila nove sekcije, rešeni su problemi responzivnog prikaza, poboljšana je upotrebljivost na mobilnim uređajima i ujednačeni su UI elementi na svim stranicama.

Obim projekta

Samostalan angažman na restrukturiranju početne stranice i optimizaciji za mobilne uređaje na 8+ stranica, uz ujednačavanje responzivnih komponenti. Sajt je od stanja „neupotrebljiv za marketing“ doveden do potpuno funkcionalne platforme prilagođene mobilnim uređajima.

Odgovornosti

  • Uvezao i analizirao više demo stranica WordPress teme Oshin kao inspiraciju za raspored
  • Osmislio i implementirao novu početnu stranicu, koja kombinuje elemente tri varijante teme
  • Napravio prilagođenu slideshow sekciju za fotografije iz portfolija, sa pravilnim skaliranjem na svim uređajima
  • Dodao opisnu sekciju „O studiju“ sa optimizovanom strukturom sadržaja
  • Razvio sekciju „Pregled usluga“ sa glavnim ponudama studija
  • Implementirao izdvojenu galeriju portfolija sa prečicama ka glavnim kolekcijama fotografija
  • Dodao sekciju „Naš tim“ sa profilima i biografijama članova
  • Napravio sekciju „Naši klijenti“ koja predstavlja ključne saradnje
  • Dodao sekciju sa pozivom na kontakt, u bojama brenda
  • Integrisao prikaz Instagram objava u podnožju
  • Očuvao višejezičnost u svim sekcijama sajta
  • Obezbedio dosledan brending i šemu boja (bordo akcenti)
  • Rešio probleme skaliranja hero sekcije sa dinamičkim sadržajem na različitim rezolucijama
  • Optimizovao raspored galerije i rad sa slikama na mobilnim uređajima
  • Ispravio responzivno skaliranje mape u sekciji za iznajmljivanje studija
  • Podesio razmake u zaglavlju mobilne navigacije
  • Poboljšao proporcije elemenata i veličinu dugmadi na mobilnim uređajima

Ishodi i rezultati

Redizajnirani sajt je od rasporeda ocenjenog kao „neupotrebljiv za marketing“ postao potpuno funkcionalna platforma prilagođena mobilnim uređajima, što je marketinškom timu klijenta omogućilo da pokrene kampanje. Iskustvo na mobilnim uređajima znatno je bolje, jer pravilno skaliranje više ne odseca sadržaj na manjim ekranima. Početna stranica usmerena na portfolio skratila je put do galerija sa 4+ na 2 do 3 klika.

Ključna postignuća

  • Rešio 4 kritična problema responzivnog dizajna (hero sekcija, galerije, mape, razmaci u zaglavlju), što je omogućilo puštanje sajta u rad
  • Optimizovao 8+ stranica za mobilne uređaje, sa ujednačenim natpisima i veličinom dugmadi u svim sekcijama portfolija
  • Implementirao 7 novih sekcija početne stranice (O studiju, Usluge, Izdvojena galerija, Tim, Klijenti, Kontakt, Instagram)
  • Postigao 100% kompatibilnost sa uređajima: sajt se pravilno skalira od laptopa od 13 inča do telefona, bez izobličenja sadržaja
  • Očuvao višejezičnost u svim izmenama, uključujući promenu jezika srpski / engleski za postojeće korisnike
  • Skratio put do portfolija za 50% prečicama u izdvojenoj galeriji, sa 4+ klika na 2 do 3

Stečene veštine

  • Izbor i prilagođavanje WordPress tema
  • Responzivni veb dizajn i optimizacija za mobilne uređaje
  • Dizajn i kompozicija rasporeda stranice
  • Upravljanje višejezičnim WordPress sajtom
  • Dobre prakse predstavljanja portfolija
  • Testiranje u različitim pregledačima i na različitim uređajima
  • Dinamičko skaliranje sadržaja i prilagođavanje rasporeda
  • Unapređivanje korisničkog iskustva na osnovu povratnih informacija
  • Komunikacija sa klijentom i dokumentovanje specifikacije
  • Upravljanje serverom i strategije rezervnih kopija