The first screen of the landing page: a wireframe landscape under a setting sun, then the chrome @ Design Cup title, the dates, the Participate button and the Skillbox and Mail logos appear one after another
Design Cup

Design Cup

Landing pageVisual identityBranding

Landing page for Design Cup, a concept competition for beginner and experienced interface designers, run by Mail and Skillbox.

My role

Designer

  • Concept
  • Visual identity
  • Branding
  • Landing page

Landing page

Page structure

Under the first screen, the page has six blocks: what the competition is, its stages, the prizes, the jury, a second sign-up and the organizers with the footer.

The whole landing page in a tilting browser window: the first screen, the About block with the numbers, the Offline Battle timeline, the Loot block with the prizes, the jury carousel, the sign-up block with participants' photos, the organizers and the footer, then the first screen again

Jury

Jury portraits

The block title, “And who are the judges?”, is a line from Griboyedov’s play Woe from Wit. Five art directors and designers judged the entries, each shown as a portrait in the page’s colours. The arrows move the carousel.

The jury carousel: illustrated portraits of the jury members on pink, orange and blue shapes slide from right to left, each with a name and a studio under it

Second sign-up

Near the end, the title comes back with participants’ photos around it and a second Participate button. The line under it plays on the Russian pangram from font previews, “Eat some more of these soft French rolls”, and adds “and take the damn prizes!”

The sign-up block: the @ Design Cup title in the middle with participants' round photos and two plus buttons around it, and a violet Participate button

Organizers and footer

The last block, “Who’s paying for this banquet?”, names the organizers, Mail and Skillbox, next to four numbers: 10 weeks, 2 stages with tasks from big companies, x10 growth and 100% out of the comfort zone. The footer links to the rules, news, past editions and the community pages.

The organizers block with the Mail and Skillbox logos and four numbers in pink, then the footer with social icons and links

Style guide

Visual identity

The look comes from 80s arcade games and synthwave covers: a wireframe landscape under a setting sun, chrome lettering, and neon colours on black.

Lettering

The title and dates from the first screen.

The @ Design Cup title and the dates 17 to 2 in chrome lettering that goes from yellow to pink, over the landscape

Colours

Measured from the page.

  • Black

    Page background

    #000105

  • Pink

    Title and numbers

    #FB06B5

  • Violet

    Buttons and arrows

    #4C1AD3

  • Cyan

    Numbers and dates

    #02E5FB

  • Yellow

    Chrome lettering

    #FDE406

  • Orange

    The @ mark

    #FF9400