(06) · Content
Focus areas,projects and news.
izi.ba
izi.ba
izi.ba
Case study · 2026
A new web platformfor IZI.
From an old WordPress site to a fast, modern website the Igrajmo Zajedno Inicijativa team edits on its own. Live at izi.ba.
- Client
- Igrajmo Zajedno Inicijativa
- Year
- 2026
- What we did
- Design, development, CMS, SEO, migration
- Live
- izi.ba
- Web design
- Development
- CMS
- SEO
Real footage · the new izi.ba hero video
(01) · The client
Igrajmo ZajednoInicijativa.
IZI uses sport as a tool for social change: it connects divided communities, engages young people and empowers girls across Bosnia and Herzegovina and the Western Balkans.
UEFA singled out their Football Zajedno programme as an example of good practice. The organisation needed a website that matched its work on the pitch.
- Services
- Web design, development, admin panel (CMS), SEO, migration and hosting
0+
Children and young people involved since 2018
0+
Communities reached
0+
Partnerships
(02) · The brief
A site that matchesthe work on the pitch.
The old site ran on WordPress. The brief was clear: a new site that carries the energy of what IZI does, and that the team can run without a developer.
01
Energy of the pitch
Video and real photos from activities instead of empty surfaces.
02
The team edits it
Every text, project and news item through a simple admin panel.
03
Fast everywhere
Quick loading and a flawless view on mobile.
04
Visibility
So donors, partners and parents find IZI on Google.
(03) · The solution
From a template to a platformthat tells the story of the pitch.
A new design, code written from scratch, a custom admin panel and infrastructure on Google, all owned by the client.
(04) · Before / after
A homepage that sayswhat IZI does at once.
From a name
to a message.
The old homepage was a WordPress template with the organisation's name on an empty dark screen. The new one opens on footage from the pitch and says what IZI does in one sentence.
Before · an old WordPress template
After · sport for social change, over real video
izi.ba
- 01Video from the pitchThe background is real footage from activities.
- 02The message in one sentence“Sport for social change”, with two clear calls to action.
- 03The same experience on mobileEvery section tuned for the small screen.
(05) · Impact
Results and reachat a glance.
On the new site, eight key results since 2018 animate as soon as a visitor scrolls, and an interactive map shows activity locations across BiH and the region.
Since 2018 · as shown on izi.ba
0+
Kids and youth reached
0+
Trained trainers
0
Festivals
0+
Girls in Girls Football Festival (GFF)
0+
Communities reached
0+
MVT stations visited
0
Conferences and roundtables
0+
Partnerships
(07) · Photos
Galleries from the pitch,ready for the web.
0
Photos from activities in the galleries of 12 projects.
Ten folders from Google Drive downloaded, reviewed and compressed: about 700 MB of originals brought down to 41 MB with no visible loss of quality.
Photos from IZI activities
(08) · Admin panel
The team edits everythingitself, no developer needed.
IZI admin · Dashboard
Site content, projects, news, team, partners and resources, one click each.
In the admin panel
- 170+ texts
- Projects and news
- Team and partners
- Reset to original
- Contact messages
On the dashboard
- Projects
- 12
- News
- 5
- Team members
- 3
- Partners and funders
- 27
- Resources and reports
- 7
(09) · Performance
A page ninetimes lighter.
4343.0MB
Before43 MB
After4.5 MB
9× lighter page
Video, images and code optimised so the site opens fast even on mobile internet.
700700MB
Before700 MB
After41 MB
Photos for the web
Every image reduced to the size the screen really needs.
SSL + CDN
Google infrastructure
Served from Google's network, protected by HTTPS on izi.ba.
https://izi.ba
Result: a visitor sees the video and the message within a couple of seconds, not an empty dark screen.
(10) · Infrastructure
Everything on Google,as a nonprofit.
Before
Paid hosting for the site and email
Slow and unreliable service, and a bill every month: money the association needs for its programmes.
Now
- Site on Google Firebase
- Email on Google Workspace through the Google for Nonprofits programme
- No monthly hosting bill
- Everything on the association’s own accounts
We do the same for any association: Via Creativa moves you onto Google's infrastructure for nonprofits.
(11) · Under the hood
Modern technologyin the client’s hands.
Technology
- 01React 19, TypeScript and Vite
- 02Tailwind CSS and Framer Motion animations
- 03Leaflet activity map
- 04Firebase: hosting, database and sign-in
- 05Code backup on GitHub
SEO and trust
- 01Meta descriptions and social sharing tags
- 02Sitemap and robots.txt
- 03Google Search Console verified
- 04Cookies with visitor consent and a privacy policy
- 05Domain moved without interrupting email
(12) · Visual language
IZI colours, two typefaces,clear components.
Colours
- IZI red#BE1E2D
- Black#000000
- Near black#090909
- Silver#A6A6A6
- White#FFFFFF
Typography
Outfit · headings
Inter · text and interface
Components
Get involvedLearn more
800+
Girls at the festival
Glass cards, pill buttons and red accents repeat across the whole site.
(13) · Process
From takeoverto handover.
28 Aug
Migration
New Firebase project, code cleanup and client fixes.
02 Sep
Content
Galleries from Drive and team feedback.
03 Sep
Live on izi.ba
DNS and SSL, database seeded, Google indexing.
03 Sep
Backup and accounts
Private GitHub repository and access handover.
05 Sep
Handover
Admin panel guide and 30 days of warranty.
Via Creativa
izi.bais live.
Design, development, admin panel, SEO and migration: Via Creativa for Igrajmo Zajedno Inicijativa.