Loading

World Education

Responsive UI implementation for an international education-services platform

World Education connects schools, agents, students, parents, teachers and service providers around education, university admissions, tests, guides and scholarship information.

Working directly with the client from March to May 2020, I built most of the website’s front end as UI Developer, including responsive layouts and animations; some of the JavaScript logic was handled by another contributor. The site still runs in much the same form.

Role:
UI DeveloperDirect client
Scope:
Front-end UIResponsive layoutsAnimationsInteraction work
Team:
With another contributor on JavaScript logic

What the work involved

An education platform serving many audiences at once. It needed a clear, usable multi-page site for its services and information.

  1. Context

    A platform for schools, agents, students, parents, teachers and service providers, needing a website that presents its services and information clearly.

  2. Responsive page structure

    The designs translated into responsive page structures.

  3. Content and services

    Content and service sections built out across the site.

  4. Animation and interaction

    Animations, and UI interactions integrated into the pages.

  5. What changed

    • The primary front end and its animations, delivered
    • A site still running in much the same form

  6. What this shows

    Full responsibility for the presentation layer of a conventional commercial client website.

Principles

What kept a content-heavy site easy to use.

  • Easy to scan

    Educational content laid out to be scanned quickly.

  • Clear structure

    A responsive structure that holds on every screen.

  • Motion that serves

    Animation that never hides the information.

  • Consistent patterns

    The same UI patterns from page to page.

Have something similar in mind?

Tell me what you’re building. I reply within 2 business days.

Start a project

A new website, a product interface, a design system, or improving what’s already live.

Start a project