All projectsProject / 18

Website / Legal / Concept

Marković & partneri

A composed law-firm website for Banja Luka where a case file fills, gets stamped and signed as you scroll.

WebsiteConcept & copy (sr)UX/UI DesignGSAP motionSVG illustrationBooking flow

Visit live project Explore the details

Client / Project: Marković & partneri (concept)
Focus: Website / Concept & copy (sr)
Location: Banja Luka, Bosnia and Herzegovina

Project overview

A focused digital project built for clarity, trust and action.

Marković & partneri is a concept website for a law firm in Banja Luka covering commercial law and company formation, real estate and contracts, family and inheritance, employment, debt collection and criminal defence. Navy, cream, oxblood and gold with Newsreader set a serious but approachable tone. The pinned 'from first meeting to resolution' section fills a case file across five phases: lines are drawn, documents are checked, a strategy route appears, then a stamp and a hand-drawn signature land while a gold scale of justice comes into balance.

The goal was to make the offer easier to understand, present the work with stronger context and create a smoother path from first impression to contact, inquiry, booking or product evaluation.

A closer look

The details behind the experience.

Open any image for a full-screen preview.

Marković & partneri — design detail 1 — 01 / Marković & partneri

Marković & partneri — design detail 2 — 02 / Marković & partneri

Case study

The law, clearly explained.

Client: Marković & partneri (concept)
Location: Banja Luka, Bosnia and Herzegovina
Website: Visit live site

People contact a lawyer when something is already wrong. The concept lowers the stress: it shows how a case moves, what to bring to the first meeting and what it will roughly involve, and it keeps the firm's tone calm and precise.

Trust and performance signals

Case phases

Consultation, analysis, strategy, representation and resolution in one pinned case file.

Practice areas

Each with typical matters and a checklist of documents to bring.

100

Desktop Lighthouse

96 on mobile, 100 for accessibility, best practices and SEO.

The thinking behind the work

The brief

Make the first call easier.

Clients often do not know which area of law their problem falls into or what to prepare. The site guides them: pick an area, see the documents to bring and the questions the lawyer will ask, then book.

Design direction

Navy, cream, oxblood and gold.

Newsreader with italic accents for headings, Instrument Sans for text and Geist Mono for file details. Lawyers are shown as monograms instead of stock portraits of people.

Pinned case file with drawn lines, ticked documents and a strategy route.
SVG stamp and signature drawn on scroll, and a gold scale that balances.
'Which area do you need?' checklist that prefills the booking form.

Responsibility

Clear limits, stated on the page.

The footer states that the content is informational and not legal advice, and that the firm, names and contact details are a demo. The booking form asks for the area, a short description and a preferred time, then opens Viber or WhatsApp.

How it works

A clear process from the first step to the result.

01
Structure
Map practice areas, documents and first-meeting questions.
02
Illustration
Case file, stamp, signature and scale as SVG paths.
03
Motion
Pinned five-phase file with path drawing.
04
Booking
Area checklist that prefills a three-step request.

Design assets

The visual system behind the project.

Brand system

Deliverables

What was included in the build.

Website

Concept & copy (sr)

UX/UI Design

GSAP motion

SVG illustration

Booking flow

Build something similar

Need a website, web app or redesign with this level of clarity?

Send a short message about your business, market, current site and goal. Panic Digital can help define the structure, design, development and SEO foundation for the next step.

Contact Panic Digital