Meytal Dahan
Partners
Back to products

Education & Training

Hacker U

HackerU is a high tech training institute that offers a wide range of technological courses and helps students integrate into the high-tech job market.

Type

B2C

Role

Product Designer

Scope

  • Marketing site UX
  • Information architecture
  • Conversion design
  • Visual system

HackerU is a large-scale educational platform designed to connect diverse audiences to high-tech career pathways through structured training programs and industry-oriented courses. The project focuses on designing a conversion-driven digital experience for a complex ecosystem of users - prospective students, active learners, graduates, recruiters, and military service veterans - each arriving with different goals and levels of intent.

01 · Section

User Comes First

The challenge was to transform a broad and complex catalog of technical programs into a clear, guided experience that supports confident decision-making and enrollment. At the same time, the platform needed to address multiple distinct audiences within a single surface, each arriving with different intent, context, and needs. The solution introduces a personalized entry layer on the homepage, where users can immediately self-identify - whether they are prospective students, current students, recruiters, graduates, or discharged soldiers. This selection dynamically adapts the primary content card, tailoring the information hierarchy and messaging to match each user's goals and interests.

02 · Section

Course Page

The course page is where users make their final, practical decision. The design challenge was to present a dense layer of information - including a detailed syllabus, prerequisites, potential salary outcomes, and technical program data - without overwhelming or discouraging the user. The goal was to create a "deep dive" experience that feels both highly informative and motivating, maintaining clarity and momentum throughout. A key component of the page is the emphasis on actionable, decision-driving data: most notably a potential salary table, used as a strong behavioral UX anchor that connects the effort of studying with tangible real-world outcomes. Alongside this, essential course details are surfaced as fast-scan data points - study hours, format (morning/evening), and duration - enabling immediate comprehension of the program structure. The experience balances persuasive, motivational elements (salary insights, testimonials, outcomes) with functional clarity (accessible syllabus, structured course information). Rather than overwhelming the user, the design progressively reduces uncertainty, guiding them step by step toward a confident and frictionless enrollment decision.

03 · Section

Classroom to Career

The main barrier for users considering a career change or professional certification is the fear: "What if I invest time and money and still fail to find a job?". The challenge in designing the placement page was to transform the college's career services from a theoretical, operational function into a clear and tangible competitive advantage. The design goal was to create an experience that builds confidence, establishes transparency, and drives action - one that clearly illustrates what a user's path to success looks like in practice, thereby reducing the anxiety around making a career-defining decision.

04 · Section

Outcome

The redesign of the HackerU platform solved the challenge of transforming a vast and complex information system into a smooth, dynamic, and conversion-optimized user experience. Through the creation of a unified and consistent modular design system, cognitive load on users was significantly reduced, enabling fast scanning of learning tracks and syllabi. In addition, the integration of data-driven psychological elements - such as potential salary tables, social proof, and a visual career roadmap on the placement page - directly addressed key user barriers, reduced uncertainty, and strengthened trust in the brand. The result is a complete, modern, and innovative digital product that bridges the student's need for clarity and confidence with the institution's business and enrollment goals.

See it live

Testimonial

I worked with Meytal on the strategy and design of HackerU Israel's website. She is professional, attentive, and brings a gentleness to the process that simply made the work enjoyable. I highly recommend her.

Hanny Shalom

Product: HackerU

Next product

Beta Pharmacy

E-commerce for pharmacy company

Insights

More on Hacker U.

View all insights
Hacker U
Engineering LeadersR&D Collaboration

A Modular Design System R&D Could Actually Build

Designers can hand R&D a beautiful comp that's a nightmare to build. On HackerU I tried to do the opposite. The marketing site — personalized homepage, dense course pages, a placement page — runs on one modular design system designed to be implemented, not just admired. Reusable, composable components with consistent states mean engineers stop re-solving the same layout on every page. The adaptive homepage card is one pattern, not five bespoke pages. A design system earns its keep when it makes the front end cheaper to maintain, not just nicer to look at.

Read
Hacker U
Project Managers

Backlog Prioritization in an EdTech System: How Do You Run a Project That Serves Thousands of Users Simultaneously?

Project managers in EdTech: is your backlog exploding because you're trying to serve students, instructors, and marketing all at once? In the Hacker U project we built a dual-impact matrix: recruitment versus Retention. Only features that contributed to both earned priority. 3-week Sprints with clear metrics - that's your number one guardian of the Gantt chart.

Read
Hacker U
Product Managers

Learning Experience (LX): How Do You Design a Course-Management System That Students Love?

Product managers in EdTech: students aren't rational users - they're human beings on a personal journey of learning and fear of failure. In the Hacker U project we built a Learning Experience with clear progress visualization, milestones, and positive reinforcement at moments of success. UX = LX. Design the journey, not just the screens.

Read
Hacker U
Product ManagersMicro-interactions & Animation

Motion That Guides, Not Decorates

HackerU's homepage lets you self-identify, and the main content card adapts to who you are. Without a smooth transition, that swap feels like a bug. With the right micro-interaction, it feels like the site responding to you. Motion on a conversion site has one job: orientation, feedback, continuity. If an animation's only answer to 'what's it for?' is 'polish,' cut it. Every frame should serve the next decision.

Read
Hacker U
CEOs

Converting Prospects into Students: How Does Enrollment-Screen Design Affect the Bottom Line?

CEOs of education institutions: you invest millions in marketing that brings in prospects - but they abandon at the enrollment screen. In the Hacker U project we redesigned the enrollment screen as a structured conversation, not a standard form. A 5%-10% improvement in conversion rate = hundreds of thousands of shekels a year. This is the highest-ROI investment there is.

Read
Hacker U
Product ManagersFirst-Run Onboarding

Self-Identification as the First Step

A marketing site has no login — but it still has a first run. On HackerU's homepage, that's a single question: who are you? Prospective student, graduate, recruiter, discharged soldier — and the content adapts. The rules I held to: obvious, low-effort, reversible, and graceful if skipped. Onboarding isn't always a wizard. Sometimes it's one respectful question that makes everything after it feel personal.

Read
Hacker U
CEOsSpecific Feature ROI

What the Salary Table Really Earned: Feature ROI on HackerU

Leaders always ask me to justify a single feature. On the HackerU site, my favorite answer is the potential-salary table on the course page. It's not decoration — it's a behavioral anchor placed exactly where doubt peaks, reframing tuition as an investment right before someone decides to enroll. Feature ROI on a conversion site isn't about how impressive the feature looks. It's about whether it removes the one objection between a serious visitor and a decision.

Read
Hacker U
CEOsPersonalization & Tailored Models

One Homepage, Many People: Personalization as Strategy

The hardest constraint on the HackerU site was the most strategic: one homepage, radically different visitors — students, graduates, recruiters, discharged soldiers, all at the same URL. The easy answer is five landing pages. That fragments the brand and multiplies upkeep. Instead: one coherent surface with a personalized entry layer where people self-identify and the lead content adapts. One site does the work of five. Good personalization isn't variety for its own sake — it's making every audience feel the site was built for them.

Read
Hacker U
Engineering LeadersIndustry-Specific Accessibility

Accessibility on a Site That Has to Reach Everyone

On an EdTech site, accessibility isn't a compliance checkbox — it's the product promise. The HackerU homepage exists so everyone finds their path: students, graduates, recruiters, discharged soldiers. A site built on 'access for all' can't then lock out keyboard or screen-reader users. I bake WCAG into the design system — semantic structure, focus order that survives the adaptive content card, real table semantics on the dense course page. Designed in, accessibility is cheap. Retrofitted, it taxes every release.

Read
Hacker U
FoundersAI Strategy in the Product

Where AI Belongs on a Conversion Site — and Where It Doesn't

Every founder wants to know where AI fits. My honest take for the HackerU site: less visibly than you'd hope, more usefully than you'd expect. It's a conversion marketing site — no LMS to bolt an 'AI tutor' onto. The real strategy lives behind the experience: sharpening which audience sees which path, refining the personalized entry layer over time. Restraint is the strategy. AI should make the existing decision quieter and sharper — not become a feature users have to notice and operate.

Read
Hacker U
Engineering Leaders

Responsive and Mobile-First Specification in an EdTech System: Realistic Development Requirements

Engineering leaders: your students consume content on mobile - but many designers still think Desktop-First. In the Hacker U project we worked true Mobile-First, with Figma components mapped to defined technical Breakpoints. A deliverable that's Ready for Implementation = hundreds of Front-End hours saved. Demand it from your designers.

Read
Hacker U
Engineering LeadersInternationalization (i18n)

Designing the HackerU Site So i18n Wasn't a Rewrite

Most i18n pain isn't linguistic — it's structural, and it lands on engineering. The HackerU site is Hebrew-first, so RTL is the native direction, not a retrofit. That forces real discipline in the design system: direction-aware spacing tokens, mirrored navigation, components that handle variable string length — especially on dense surfaces like the course page. Build components that assume direction and text length early, and internationalization stops being a migration. It becomes a setting.

Read
Hacker U
FoundersColor & Psychology

Color as a Trust Signal in a High-Stakes Decision

People come to HackerU weighing a career change — an expensive, emotional bet. Color on that site isn't decoration. A serious, consistent palette signals you can be trusted; a reserved accent color, used only at moments of decision, keeps the next step obvious without feeling pushy. Founders: your palette is part of your conversion story. Spend the accent color where the trust is being earned, not everywhere.

Read
Hacker U
Project ManagersUsability Testing

Testing the Dense Course Page Before It Shipped

Usability testing reads like a schedule risk from a PMO seat. On HackerU it was the opposite — it's how you keep a finished milestone from reopening. Our dense course page packed syllabus, prerequisites, study hours, and a salary table onto one screen. Validating it early told us whether students could actually navigate it before we'd built it three times. Every confusion you catch in testing is a change request you never receive after launch. The cheapest bug is the one you find before the milestone closes.

Read
Hacker U
Project ManagersDelivery & Handoff to Development

Handing Off a System, Not a Pile of Screens

Handoff is where timelines quietly bleed. The fix on HackerU wasn't more meetings — it was handing developers a modular design system instead of a pile of disconnected screens. Components with defined states and spacing mean a new page is assembly, not invention. That makes estimates more reliable and shrinks the review loop, because the system already answers 'what padding goes here?' Sequence the hardest screens first, while there's still runway to react. A clean handoff isn't a formality at the end. It's a planning decision you make at the start.

Read
Hacker U
Product ManagersUser Research

Designing for Five Audiences on One Homepage

One marketing site. Five audiences: prospective students, current students, grads, recruiters, discharged soldiers. The instinct is to write one message for everyone — which means writing one that lands with no one. For HackerU, research came first: what is each audience actually trying to do, and what are they afraid of? That's what earned the personalized entry layer where users self-identify and the page adapts. Research isn't a phase that slows the roadmap. It's what makes 'who is this for?' a decision instead of an argument.

Read
Hacker U
FoundersFrom MVP to Full Version

Shipping the HackerU Site as an MVP First

Founders want the whole vision live on day one. I push back. On the HackerU site, the riskiest bet was whether one homepage could serve students, graduates, recruiters and discharged soldiers through a self-identification entry layer. So that became the MVP — prove the hardest assumption first, then layer in the denser pages once the pattern earned its complexity. A modular design system made staged rollout honest instead of messy. 'Full version' isn't a launch. It's a sequence of validated bets.

Read
Hacker U
Founders

Designing an EdTech Platform That Feels Like a Startup Success: Visual Principles of Growth

Founders in EdTech: you're not just competing with other institutions - you're competing with Netflix and Notion for the user's attention. In the Hacker U project we built a platform at the level of consumer SaaS: micro-interactions, growth visualizations, a Brand Tone of "your next career." Don't just compete with colleges - compete with the best products in the world.

Read
Hacker U
Studio & Agency

Interactive Prototypes with Insane Polish: A Studio's Secret Sales Tool

Studio leaders: how do you win big projects? Not with slide decks - with interactive prototypes with insane polish. In the Hacker U project we built a Figma prototype that made the college's CEO "feel" the product was working. Bring me in ahead of your big sales meetings - we'll build, together, the secret weapon that closes deals at a higher price.

Read
Hacker U
Engineering LeadersProject-Specific Data Visualization

The Salary Table as a Behavioral Anchor

The most important data viz on HackerU's course pages isn't a chart — it's a potential-salary table, used as a behavioral anchor before you ever read the syllabus. The design decision that mattered to engineering: keep it structured data, not an exported graphic. A styled, component-driven table renders per course, stays legible on mobile, and scales across the catalog. Match the visualization to the cognitive job — and to what your team can actually maintain.

Read
Hacker U
Product ManagersTypography & Visual Hierarchy

Making Dense Course Pages Readable

HackerU's course pages carry a lot: syllabus, prerequisites, hours, format, a salary table. The temptation is to flatten it all to equal weight — which is how you lose a hesitant visitor. Typographic hierarchy is just prioritization made visible. Decide what gets read first, what waits, what recedes. For a PM: 'above the fold' isn't a scroll position. Hierarchy decides attention, and attention decides conversion.

Read
Hacker U
Engineering LeadersDesign Systems

One Modular System Behind Five Audiences

HackerU's site serves five different audiences on one surface. The thing that made it buildable wasn't a clever layout — it was a modular design system. Cards, tables, and info blocks defined once, composed everywhere. For engineering, that means a fix propagates instead of fracturing into per-page exceptions, and new courses ship by composition, not redesign. A design system isn't a sticker sheet. It's the maintenance contract between design and R&D.

Read