Skip to main content
Chykalophia

Elevate K-12 · EdTech & SaaS

Elevate K-12: a seamless HR portal for teachers

UX and UI design for an HR portal that carries a teacher candidate from application through testing to scheduling an interview, built to fit seamlessly with the company's brand.

Project sheet
Client
Elevate K-12
Industry
EdTech & SaaS
Stage
Growth-stage
Outcomes
New platform
Work
UI/UX Design & Research, Product Design, Web Application
The challenge1/3
Elevate K-12's updated HR portal needed a clear experience for teacher candidates, from applying for a role to scheduling an interview, that fit seamlessly with the company's brand.
What we did2/3
UX and UI design for the whole candidate journey, starting from the dev team's workflow and low-fidelity wireframes.
The result3/3
A portal experience designed around the candidate, from application through testing to the interview, that fit Elevate K-12's brand.
The Elevate K-12 HR portal sign-in screen we designed

Elevate K-12 is passionate about creating high-quality teaching and learning opportunities for teachers and students. Their HR portal was where teacher candidates applied for online teaching positions.

The problem

Elevate K-12 needed the user experience defined for a teacher candidate on their updated HR portal: from the moment someone applies for an online teaching position, through adding their experience and taking the tests, to scheduling their interview. They also wanted the portal web application to fit seamlessly with the company's branding.

Their dev team shared the application's workflow and low-fidelity wireframes before we started. The wireframes showed some ways of filling in and showing information, and the team was entirely open to new and better approaches.

Where the HR portal started, and the candidate journey we designed.

What we built

  1. Candidate applies
  2. Interview scheduled

Our part: the experience in between.

  • UI/UXApplying for a roleWhere a candidate applies for an online teaching position.
  • UI/UXAdding experienceWhere the candidate adds their teaching experience to the application.
  • UI/UXTaking the testsWhere the candidate takes the tests for the role, inside the same portal.
  • UI/UXScheduling the interviewThe last step, where the candidate books their interview for the role.
  • UI/UXDesigned around the candidateNew and better approaches than the first wireframes, built for the person applying.
  • UI/UXUI that fits the brandThe HR portal looked and felt like the rest of Elevate K-12.
  • BrandSales and marketing collateralA customer success story, flyers, one-pagers, a conference ad, a summer school brochure and landing page, and a set of subject icons.
Hand-offThe application's workflow and first wireframes came from Elevate K-12's own dev team.
InteractiveClick an image to see it full size.
Screens from the HR portal design we handed off.
The candidate journey, step by step, from our handoff screens.
InteractiveClick a color to copy its code.
The portal palette, from the style tile we designed.

The portal wasn't the only thing we made. Our handoff files also hold the sales and marketing pieces we designed for Elevate K-12: a customer success story, Tier 1 and Tier 2 flyers, one-pagers, a conference ad, a summer school brochure and landing page, and a set of subject icons.

Print pieces, a landing page and subject icons from our handoff files.

The results

Elevate K-12 got a candidate experience designed end to end, from the first application to the scheduled interview, that fit their brand. As a startup working to very short deadlines, they valued the speed and flexibility as much as the design.

“The combination of a superior eye for design and speed and flexibility makes Chykalophia hard to beat. As a startup we work on super short deadlines, and Ari was outstanding: flexible, quick, and consistently exceeding expectations.”
William BritoAssociate, Special Projects, Elevate K-12

If your app is still a set of wireframes too

A quick check shows where people get stuck in your site's flow today, before you design the next version.

Quick check · 3 questions

Does your site have Elevate K-12’s old problems?

  1. Is the experience in your app defined from the first step to the last?
  2. Are your screens designed around the user, beyond the form fields?
  3. Does your app look and feel like the rest of your brand?

Answer all three to see where you stand (0 of 3).

Check it yourself, free

See where people get stuck on your site

The free Conversion Leak Scorecard checks your site for the gaps that send visitors away.

Want the full picture first? How we approach UI/UX design

Ari and Peter Krzyzek, Chykalophia co-founders

Or talk it through

A free call with Ari and Peter

Up to an hour with the co-founders on your catalog, your buyers and where the site loses them.

Book a call

More results