moscow / remote · IT / AIRU/EN

Ilya
Doronkin.

Designer of brand systems and digital material. UX/UI, email design, identity and print. I work in Figma and Illustrator, a little After Effects.

One client, shown in full: SPID.CENTER, a Moscow foundation that helps people living with HIV and runs prevention work.

Everything here ships in Russian, so the screenshots are Russian too. Four things worth knowing before you scroll. The foundation's working typeface is Gerbera, a Cyrillic-first family, which is why the letterforms may look unfamiliar. The red horse and the small figures are the foundation's existing mascot, drawn before me. СПИД.ЦЕНТР is the Russian spelling of the name; the English-language site of the same organisation runs as AIDS.CENTER. And «шмв» is the Cyrillic abbreviation of its medical school for young doctors, which has its own website further down this page. Captions explain what each screen is.

I pulled a scattered identity into one brand book

The identity lived as loose files in Figma, and everyone assembled layouts their own way. I compiled a 14-page brand book: brand voice, logo rules, symbols, the «one signal red» palette, typography, illustration, the interface layer, and a checklist of what not to do. Keeping the look consistent is now my job.

Cover of the SPID.CENTER brand book
Cover. The design system, handed to partners and contractors
Brand book spread on brand voice and tone rules
Brand voice. How the foundation speaks, and how captions are written
Logo usage rules in the brand book
Logo. Versions, clear space, minimum size
Symbolic marks: the horse and the red ribbon
Symbols. The horse and the red ribbon treated as a system
Brand colour palette: working and illustrative
Colour. One signal red plus a palette for illustration
Typographic system: Gerbera and its weights
Typography. The working typeface and its scale of weights
The foundation's system of figure illustrations
Illustration. Composition rules for the figure library
Interface layer of the brand: buttons, cards, grid
Interface. Pill buttons, cards, the site grid

Click a page to open it full size. The mascot illustrations, the horse and the small figures, belong to the foundation; my work is the system, the rules, the composition and the layout.

A series of donor emails

Three emails built out of the brand for three audiences: lapsed donors, one-off donors invited to switch to a monthly gift, and current monthly donors. The infographics use the foundation's real figures, and the markup is built to survive email clients.

Donor email: reactivation
Reactivation. Bringing lapsed donors back
Donor email: one-off donors and monthly giving
One-off to monthly. An invitation to set up a recurring gift
Donor email: monthly donors
Monthly donors. A thank-you and a short report

Redesign of the foundation's website

A UX prototype and a home page built on one idea: one page, three routes, for someone who needs help, for a donor, and for a reader. The brand system carried over into the browser. It lives as a working preview for the staff at redesign.spid.center.

Redesigned home page of the foundation's website: hero, statistics, help routes
Home page. Redesign 2026 · Astro · the design system in the browser · internal preview

A website for the medical school, rebuilt from scratch

The foundation runs a school on HIV medicine for students, residents and young doctors: 26 cohorts since 2018, each a five to six day intensive. Its website still ran on 2020 code, and the editor typed straight into an admin panel with no drafts and no preview, so every correction went live immediately. I took the visual language from the approved campaign for cohorts 27 and 28: a grey-blue clinical background, black Gerbera, the red handwritten «шмв» mark instead of a decorative display font, cobalt doctor figures, and documentary photographs of the classes. Red stayed the only signal for action, so the apply button reads on every page. Speaker, cohort, lecture and testimonial cards are deliberately built differently, otherwise the pages collapse into one long list.

Home page of the medical school site: the school mark, the horse with doctors, cohort dates
Home. The school's mark grows into a poster scene with the horse and the doctors
Online school page: headline and a wide documentary photograph
Online school. Wide photo bands and quiet typography on the inner pages
Personal page of a speaker: black and white portrait and profession line
Speaker. A portrait window and the profession set in cobalt · 17 personal pages
Archive of past cohorts with group photographs
Archive. 26 past cohorts, each with its own group photo

Live screenshots of the closed preview, August 2026. The photographs are real shots of past cohorts. The production site has not been switched over yet: that call belongs to the foundation.

Enrolment cards for social media

The announcement of two cohorts in two formats: a square for the feed and a 4:5 vertical. The composition hangs on the handwritten «шмв» mark, which runs into the horse carrying the doctors. The card keeps only the headline, the cohort numbers and the dates; everything else goes into the caption of the post. The whole visual language of the school's website grew out of this pair.

Enrolment announcement card, square format
Square 1:1. The main feed format, 2160 × 2160
Enrolment announcement card, vertical format
Vertical 4:5. The same scene rebuilt for the vertical, 2160 × 2700

Posters and one-off material

One-off pieces for the foundation: a call-to-action poster, lecture announcements in two formats, and an anniversary motion poster.

Poster: getting tested for HIV matters
«Get tested for HIV». A call-to-action poster · entirely my work
Lecture announcement: speaker portrait, topic, date and time
Lecture announcement. The speaker's portrait, the topic, the date in a pill · 4:5 for social
«Ten years against stigma». Anniversary motion poster. Made together with Mansur; my part was the edit and the finishing
Wide banner of the same lecture for the event page on the website
Event banner. The same lecture rebuilt for the wide format of the event page

Honest about authorship. The mascot, the red horse and the small figures, is SPID.CENTER's existing identity and I did not draw it. The photographs on the school's site and in the announcements are the foundation's own shoots. My work is bringing scattered assets into a system, building the brand book, the emails, two websites and the enrolment graphics, and keeping the look consistent. Rough layouts I often assemble with scripts and AI agents, and finish the composition by hand: that is how the school cards and the lecture announcements were made. Every number on these layouts is real foundation data, with sensitive details removed.

contact