UX Research · UI Design · Frontend Dev

Ally
Lingua

An English school built for Russian-speaking Europeans

End-to-end design and development of a premium bilingual online school -- from zero brand identity to a live, conversion-ready website targeting Russian-speaking expats across the EU.

Role UX/UI + Frontend Dev
Duration 6 weeks
Audience RU-speaking EU expats
Ally Lingua website
4M+
Russian-speaking people living in the EU -- the underserved audience this school was built for
Deliverables
UX Research · Personas · CJM
UI Design · Frontend · Bilingual system
Tools
Figma · HTML / CSS / JS
GSAP · GitHub Pages
Status
Live · allylinguaschool.com
01 -- Process

Design Process

From community observation and expat interviews to a live bilingual website -- every phase grounded in real audience needs, not assumptions.

01
Audience
Discovery
ResearchTelegram groups, expat forums, 1st-hand experience
02
Personas
& CJM
3 personasMasha · Dmitri · Irina · journey maps
03
IA and UX
Architecture
SitemapUser flows, wireframes, HMW questions
04
UI Design
& Build
2 pages liveDesign system, GSAP, bilingual, GDPR
Role: UX/UI Designer + Frontend Developer (Solo)
Duration: 6 weeks
Pages delivered: 2 (RU + EN)
Bilingual: RU primary, EN secondary
02 -- The Brief

Challenge & Goals

Ally Lingua existed as a concept -- a personal idea for an English school aimed at Russian speakers in Europe. No brand. No website. No digital presence of any kind. The brief was to build everything from scratch and launch a product that could compete with established schools from day one.

The Challenge

A school with no identity, entering a crowded market

Over 4 million Russian speakers live across EU countries -- many arrived post-2022, needing English urgently for work, healthcare, and daily life. Existing English schools do not speak their language, literally or culturally.

No brand, no content, no photography at launch
Target audience distrusts generic EdTech and language apps
Bilingual delivery required -- Russian for trust, English as the goal
GDPR compliance mandatory for EU-based users from day one
Goals

Three outcomes to design for

The design had to work on three levels simultaneously: build trust fast, guide users to the free trial, and leave no legal gaps for an EU audience. Every section earned its place by serving at least one of these goals.

Build premium brand perception without any existing social proof
Create a clear, low-friction path to booking a free trial lesson
Make teacher profiles feel specific and human, not generic
Deliver a GDPR-compliant bilingual product ready to scale
03 -- Research

Competitor Analysis

Before designing, I benchmarked three comparable online English schools targeting expats or non-native speakers -- to understand what made their digital presence trustworthy, and where the category consistently fails.

Preply
Strength

Massive teacher marketplace with strong social proof -- thousands of verified reviews and granular filters. However the experience feels like a marketplace, not a school. No warmth, no brand voice, no cultural understanding of the Russian-speaking expat who is not just looking for a tutor but for a trusted guide.

Skyeng
Gap

The dominant RU-language EdTech product -- but built for Russia, not for Europeans. EU-based users face currency friction, time zone mismatches, and content calibrated for life in Russia. The brand does not address the expat identity: living between two cultures and needing English as a bridge to the new one.

Local EU language schools
Mixed

Teach English to Western European locals. No Russian-language communication, no acknowledgement of the migrant context. Trust signals are calibrated for a different audience entirely. This leaves a clear and underserved gap: a premium, culturally fluent English school for the Russian-speaking EU diaspora.

The gap in the market is not about teaching quality -- it is about cultural positioning. No online school speaks Russian, understands the expat experience, and offers a premium product built around that identity. Ally Lingua was designed to own that space.

-- Research insight · Ally Lingua · 2024
04 -- User Research

Three personas, one shared need

Research was conducted through community observation in Russian-speaking Telegram and Facebook groups, and through first-hand experience living across South Korea, Portugal, and France -- giving direct access to the expat mindset that no secondary research could replicate.

Masha, 31
Marketing Manager · Berlin
"I need to present in English at board meetings. My written English is fine but speaking under pressure -- I freeze completely."
Business English for corporate environments
Speaking confidence, not grammar drills
Flexible schedule -- morning or late evening
B2 Level EU-based
Dmitri, 26
Software Engineer · Paris
"I can code in English no problem. But client calls, networking events -- that is where I disappear. I need to sound fluent, not just functional."
Conversational fluency and natural rhythm
Tech vocabulary and professional small talk
A teacher who understands the tech world
B1-B2 Career focus
Irina, 44
Relocated with family · Amsterdam
"We moved for my husband's job. Now I need English for the doctor, the school, the neighbours. I am not stupid. I just never needed it before."
Everyday communication English
Patience and encouragement, no pressure
Russian-speaking teacher she can trust
A2-B1 Everyday English
05 -- Customer Journey

From first click to first lesson

The primary flow maps how Masha -- the career-focused persona -- moves from social discovery to booking a free trial lesson. Pain points from the old non-existent flow become design opportunities in the new product.

Discovery First Impression Explore Decision Booking
Action Sees Instagram post or Google result in Russian Lands on homepage, reads value prop and teachers section Goes to Courses page, selects Business English tab Reads teacher profiles, checks credentials and specialisations Fills in free trial form -- 5 fields -- and submits
Thinking "Let me see if this is different from other schools" "This looks serious. And it is in Russian -- finally." "Business English -- yes, that is exactly what I need" "Sarah speaks Russian and has corporate experience. She gets it." "Free trial, no commitment -- ok, I will try"
Feeling 😐 🙂 😊 🤩 🤞
Pain points OLD FLOW
No website existed -- Instagram bio linked nowhere
-- Risk
Generic courses with no differentiation cause drop-off
Trust gap
No reviews yet -- profiles must do the trust work alone
Friction
Long form or phone-only CTA loses mobile users
Opportunities Fixed
Live website as destination for all social traffic
Designed
Russian-language hero builds trust before any mention of prices
Designed
3 clear tracks -- Business, General, Children's -- no decision paralysis
Designed
Named teachers with specific credentials replace generic testimonials
Designed
5-field form framed as "personalised consultation" not a sales call
06 -- Design Strategy

How Might We questions

Each HMW question was translated directly into a design decision -- not left as abstract intent. Every one of these questions has a visible answer somewhere in the final product.

1
HMW build trust when we have no reviews, no history, and no accreditation?
Replace social proof with specificity. Named teachers, real credentials, defined teaching philosophies, and CEFR-mapped programs signal expertise before a single student endorses the school.
2
HMW serve a Russian-speaking audience without alienating future EN-speaking students?
Bilingual architecture with RU/EN toggle. Russian is the emotional, trust-building primary voice. English is the aspirational destination the student is actively working toward. The toggle makes both identities visible at once.
3
HMW convert a hesitant visitor into a free trial booking without hard-sell tactics?
Low-commitment CTA positioned as "personalised consultation." 5-field form -- name, phone, email, level, goal. No pricing pressure, no urgency timers, no countdown clocks. Just one clear, calm next step.
4
HMW make teacher profiles feel human when we have no student stories yet?
Each teacher has a name, a specific credential signal, a defined specialisation, and a direct quote that reveals their personality. Designed to feel like meeting a real person, not browsing an anonymous catalogue.
5
HMW present three program tracks without creating decision paralysis?
Three clearly named tracks -- Business, General, Children's -- each with a single-sentence job description. Tab navigation on the Courses page lets users self-identify quickly without scrolling through everything.
6
HMW handle GDPR compliance without making legal copy feel like a wall?
Privacy policy and consent language authored in plain Russian and English -- not generated. Integrated naturally at the form level and in the footer. Compliance built into the UX, not bolted on after the fact.
07 -- Information Architecture

Site Map

Two pages, deliberately minimal. The architecture is built around the trust journey -- every path leads to either the courses page or the free trial booking. No dead ends, no unnecessary navigation.

ENTRY Instagram / Google HOMEPAGE index.html Hero · Why Choose Programs · Teachers Reviews · Book Trial FAQ · Blog Articles 1st impression + conversion COURSES courses.html Business English General English Children's English Tab navigation Book Trial 5-field form FREE TRIAL Book a Lesson Name + Phone Email + Level + Goal GDPR consent included Enrolled! Trial lesson RU / EN Language Toggle
08 -- User Flow

From first visit to first booking

Two user types, two paths, one shared conversion goal. The flows were designed to be short and purposeful -- every step earns the next one.

Entry
Landing
Explore
Decision
Action
Outcome
Career learner
Instagram
/ Google
Discovery
Homepage
1st impression
Courses page
Browse programs
Teacher profiles
Trust check
Book free trial
5-field form
Enrolled
Trial lesson
Everyday learner
Word of
mouth
Homepage
(Russian)
Immediate trust
General English
track
Self-select
FAQ section
Objections handled
Book free trial
Low friction
Enrolled
Trial lesson
09 -- Design System

Visual Language

A complete editorial design system -- tokens, typography, and components -- built to convey premium positioning before a single line of copy is read. The visual language does positioning work independently of the content.

Colour Palette
Navy · Primary brand
Gold · Accent + CTAs
Ivory · Background
Cream · Secondary bg
Charcoal · Body text
Typography

Playfair Display

H1-H3 · Serif · Trust + Premium

Cormorant Garamond

Accent · Quotes · Elegance

Poppins

Body · UI · Labels · Readability

Spacing Scale
4px · Micro
8px · Tight
16px · Default
32px · Section gap
100px · Page section
Component Tokens
Border radius: 8 / 12 / 14 / 18px
Shadow: 0 6px 36px rgba(navy, .08)
Transition: .25s ease all
Eyebrow: 10px / 700 / .18em tracking
Max-width: 1360px container
Cursor: Custom gold dot + ring
Animation: GSAP ScrollTrigger
10 -- Pages Delivered

The site, section by section

Every section designed to answer a specific question in the visitor's trust journey -- from first impression to booking.

Hero
Homepage - Hero
Editorial split layout · bilingual headline · premium photography zone
0 to 1
First digital presence built entirely from scratch
Why Choose
Why Choose Ally Lingua
3 value props · Fluency · Tailored · Any time
Programs
Our Programs
Business · General · Children's · Tab select
Teachers
Meet Our Teachers
4 named profiles · Credentials · Quotes · Specialisations
Full bilingual RU/EN system -- trust in Russian, aspirations in English
Separate file architecture, seamless toggle, zero page reload
Book Trial
Book a Free Trial Lesson
5-field form · No hard sell · GDPR consent
Courses
Courses Page
Dedicated page · CEFR levels · Program detail · CTA
FAQ
FAQ and Articles
Objection handling · 5 questions · Resource blog
GDPR
EU-compliant from day one -- consent built into the UX
11 -- Impact

From concept to conversion-ready

A complete digital identity built from zero -- designed to compete with established online schools from day one.

0 to 1
Complete brand and web presence created from scratch -- no templates, no generators
2
Languages delivered -- full bilingual site with seamless toggle and separate file architecture
3
Program tracks designed end-to-end -- Business, General, and Children's English
GDPR
EU-compliant from launch -- privacy policy authored in scope, consent integrated into UX
12 -- Constraints and Trade-offs

What I had to work around

Senior design is about decision-making under constraints -- what got built, what got cut, and why.

No photography at launch

The school had no images of teachers, lessons, or the learning environment. In education, photography is the primary trust signal. Its absence is not a minor gap -- it is a structural problem that the design had to compensate for actively.

Decision

The layout was architected to be photography-ready -- image zones with defined proportions and placeholder states that do not look empty. A photography brief was included in the handoff. The site upgrades dramatically when real images are added, with zero redesign required.

No testimonials or social proof

A new school has no reviews, no ratings, no case study students. Testimonials are the most effective trust signal in education. Starting without them is a significant disadvantage that the design had to compensate for with other means.

Decision

Social proof was replaced with specificity. Named teachers with real credentials, CEFR-mapped programs, methodology stat blocks. The design signals expertise through precision -- an approach that holds up even as real testimonials are collected and added over time.

Bilingual UX without a CMS

Maintaining two languages in a static HTML/CSS/JS build means duplicating files manually. Without a CMS or i18n library, this creates editing overhead and synchronisation risk as content evolves and grows.

Decision

A file-duplication architecture was chosen -- separate RU and EN HTML files with a clean redirect script. This sacrifices edit efficiency for zero external dependencies and fast load performance. A migration path to a CMS was documented for the next phase.

No booking or payment infrastructure

A fully online school ideally has an integrated booking calendar, payment processor, and student portal. None of these existed in scope -- nor did the backend infrastructure needed to support them at launch stage.

Decision

The free trial form collects enough information for a manual follow-up call. This is intentional. For the launch phase, human-led onboarding creates a better first impression than a clunky automated system. Automation is the correct next step once students exist to automate for.

13 -- Reflections

What I learnt

Designing for a diaspora means designing for dual identity

Russian-speaking expats live in two worlds simultaneously -- their culture of origin and their adopted country. The bilingual design is not just functional. Russian as the primary language says: I understand where you are from. English as the product says: I know where you are going. That duality is the product itself.

Premium aesthetics are a trust mechanism, not just aesthetics

Going editorial and premium when the EdTech category defaults to bright rounded sans-serifs was not just a style preference -- it was a deliberate positioning decision. The visual language signals that this school takes itself seriously, which makes educated, discerning users take it seriously too.

Designing for content you do not yet have is a senior skill

No photography. No testimonials. No student stories. The architecture had to be honest about what exists and confident about what will come. Designing photography-ready zones rather than placeholder-filled layouts means the site improves dramatically as real content is produced -- without a redesign.

Empathy-informed design performs -- especially in education

Living across three countries gave direct access to the expat experience that no secondary research could replicate. Understanding that moving abroad is emotionally disorienting -- and that English fluency feels like control over your own life -- shaped every CTA, every headline, and every piece of microcopy. The best research is sometimes lived experience.

^