Technical task: 2 GIF banners for advertising the gas station network on the website

Goal

Create 2 animated GIF banners with 3–4 slides each (frames change), for placement in advertising on Lardi Trans. The task is to clearly convey the unique selling proposition (USP) and lead the user to click (CTA).

Goal

Create 2 animated GIF banners with 3–4 slides each (frames change), for placement in advertising on Lardi Trans. The task is to clearly convey the unique selling proposition (USP) and lead the user to click (CTA).

Formats and Sizes

1. Vertical: 240×400 px (GIF)

2. Horizontal: 320×100 px (GIF)

Animation

• Number of slides: 3–4 in each banner.

• Slide duration: 2.5–3.0 s.

• Transition: smooth fade 200–300 ms (no sharp flashes).

• Loop: infinite loop.

• Speed/rhythm: readable from the first display (no fast flickering).

Restrictions and Technical Requirements

• File format: GIF (sRGB, no transparency/better solid background).

• Weight: target ≤ 400–500 KB for 240×400 and ≤ 200–300 KB for 320×100. Optimize palette/design for platform weight limits.

• Text: no less than 14–16 px (240×400) and 12–14 px (320×100), to be readable without scaling.

• Border: thin contrasting border 1 px around the perimeter, so the banner does not "blend" with the website background.

• Prohibited: flickering, imitation of system pop-ups/buttons, too frequent frame changes.

Content and Structure (Storyboard Example)

• Slide 1 (headline/USP): brief about the offer/brand.

• Slide 2 (advantages): 2–3 bullet points/icons (quickly readable).

• Slide 3 (social proof/conditions): numbers/guarantees/geography.

• Slide 4 (CTA): button "Order/More Details", contact/QR (if necessary).

For 320×100, minimize text: 1 short headline + CTA.

Visual Requirements

• Brand colors/fonts/logo — use according to the brand book (if the brand book is not provided — agree with the client on the palette and fonts).

• Icons/illustrations — in one style. Background homogeneous or with a light texture, so the text is read with contrast.

• CTA button contrasting, visible on all slides (the last one is mandatory).

Texts (will be provided/clarify with the client)

• 2–3 options for short headlines (up to 25–30 characters for 320×100).

• 3–4 bullet points of 2–3 words (for 240×400).

• CTA text: "Order", "Learn more", "Contact" etc.

• Language: Ukrainian/Russian — as per client’s specifications (bilingual versions can be made).

Delivery/What to Submit

1. 2 finished GIFs:

   • lardi_240x400_v1.gif

   • lardi_320x100_v1.gif

2. Static previews of each slide in PNG (/previews/), so the content can be agreed upon without viewing the GIF.

3. Source files: PSD/AEP/FIG (what was used) + all fonts/icons (or curves).

4. Short optimization report: how many colors in the GIF palette, what compression method was applied.

5. If necessary — MP4 versions of the same banners (for approvals in messengers).

Acceptance Criteria

• Exact sizes, correct animation cycle, clean outlines without GIF artifacts.

• Text is readable from the first display, CTA is noticeable.

• Weight within requirements, banners do not "break" on different screens (test in Chrome/Firefox).

• Agreed colors/logos, no violations of platform rules.

Deadline and Revisions

• Stage 1: static slide layouts (PNG) — for approval.

• Stage 2: animated GIF (v1) — 1–2 rounds of minor revisions included.

• Deadline: today - tomorrow.

What is Expected from the Performer

• Propose 1–2 design options for each size (if possible).