UI/UX

Lawyer Leonid Kozak

Leonid Kozak
Study Case

Website for a lawyer

Work
UI & UX, Website development, Content creation, SEO
Client
Leonid Kozak
Date
Feb 2022
Leonid Kozak is a young but experienced lawyer, who provides free legal services for Ukrainians and Crimean Tatars in Russia.
Task
To create website (desktop and mobile) and social media visuals.

Product

Leonid Kozak is rather famous layer in the market. Leonid deals with 5 types of issues and he implements OSINT investigations. He is also famous for some cases against Ukrainians that became wide-spread in media.  In several years he is planning to start his own law company and hire several professionals.

Now the main aim is to present Leonid`s services, receive leads from the website and advertising campaigns.

The client provided complete freedom in choosing the style and positioning in the market.

Leonid Kozak is a young but experienced lawyer, who provides free legal services for Ukrainians and Crimean Tatars in Russia.

Research & analysis

After researching the product, comptitors and market in general I highlighted the following main points:

  • brand name should be short and clear
  • we should present maximum 5 spheres of issues that a lawyer works with
  • payment range should be clear
  • the website has a lot of information but needs to be simple
  • OSINT investigations is a novelty on the market

Clients interviews showed us features that they are looking and problems to solve. So we found out that clients needs beyond all, online law consultations, clear payment scheme and emergent information what to do in complicated situations.

So every this problem was given a solution.

  • Button for online consultation were added
  • Rearranged the complicated fee scheme into a simple 4 option sollution
  • Added a category for the blog "Lawyers advice" that also contained many useful key words

Information architecture

At this stage I cooperated with the content-maker. Initially, there was twice more info on the main page and it was very long. But after discussion and corrections we left the necessary minimum.

The information architecture is built according to AIDAS formula:

A - attract the attention to Leonid (Hero image, About)

I - raise interest in services and advantages (Services, OSINT, Advantages)

D - convince customers that they desire the services (Clients Reviews)

A - action (Process, Order buttons)

S - make clients come back (Blog)

Grids & layout

The website is made on a bootstrap 12-column grid.

Content is organized in widescreen blocks that are alternated with 2 column informational sections. The pattern is: heading is centered, h3 heading is small on left, the main information is always on the right and takes half a screen.

Typeface

As the website is rather loaded with information the idea was to use an interesting font. Just have a look at that "a"!

As opposed to headings I chose well readable and sans serif body font.In titles the indent is used to make text more dynamic.

H3 headings are typed with 16 font so as not to attract too much attention.

The huge font is used to show numbered paragraphs.

UI elements

The elements as a whole website should be strict but still interesting.

Key words and phrases were highlighted with grey color on a white background or with white highlights on grey.

CTA buttons are red like SOS buttons that an average user associates with help.

CTA Button is made in red like a SOS button, that calls for help.

Website pages

As the website is built on a white background, so the text is always black. Slight fade-in-up animation was applied to text blocks and titles. Graphic elements are also with on-scroll animation.

In some clue words italic letters were used to attract users attention.


OSINT investigations is rather new and interesting feature in the market so a section with info and 3 examples was dedicated to it.

All the payment plans were categorized and structured into 4 plans. The most desired one for Leonid is slightly highlighted by red element.

Submission form

One of the main goals was to get leads from a submission form and send data to CRM. Fields included only name, phone and law category in a drop-down list.There was also an application for an online consultation form, which included a date.

Check out everything in details on Kozak website

No items found.

Other Projects