Part 1 of 4
UI/UX Design Case Study
SYV Online
AlnairTech designed SYV Online’s marketing experience — overview, about, services, collaboration, and contact — with warm orange branding that feels friendly for students and credible for institutions.
01 — Overview
Approachable guidance UX for students and education partners
AlnairTech designed SYV Online’s marketing experience — overview, about, services, collaboration, and contact — with warm orange branding that feels friendly for students and credible for institutions.
02 — Challenge
Feel warm to students without losing partner credibility
SYV needed approachable visuals and plain-language hierarchy, while still giving institutions a clear collaboration path.
- Explain services without jargon walls
- Keep student and partner cues distinct
- Use warm colour without reducing clarity
- Make contact conversations easy to start
03 — Solution
Warm product marketing with clear pathway design
We designed overview, services, collaboration, and contact compositions with friendly type, orange accents, and structured pathways that invite the next conversation.
- Help students grasp guidance pathways quickly
- Give institutions an inviting collaboration entry
- Increase quality conversations from the site
- Keep the experience friendly on mobile
04 — Design Showcase
Homepage design
Scroll the homepage, then explore services and partnership screens.
05 — Spotlight
Pathways that invite conversation
Services and collaboration moments designed to feel human.
Services
SYV Online
FuturePath tools, explained with empathy
Services layouts unpack responsibilities so institutions and partners see value and feel ready to talk.
-
Plain language
Each capability has a human entry story.
-
Audience fit
Student and partner needs stay distinct.
-
Conversation UX
Contact sits close to the value story.
Part 1 of 4
- Goal
- Explain a complex student platform simply and warmly.
- Interaction
- Scan benefits, check responsibilities, and book a meeting.
- Outcome
- Clearer partner conversations and more meeting bookings.
Partnership flow
From collaboration interest to contact
Work With Us
Collaboration and partnership pathway.
Part 1 of 3
Contact Us
Get in touch and meeting conversion.
Part 1 of 2
07 — Testimonial
The design feels approachable for students and still serious enough for partners — exactly the balance we wanted.