EdCamp. Website redesign for an education NGO

EdCamp – website redesign for an education NGO

About

EdCamp Ukraine is an NGO that brings modern educational practices to schools, supports teachers’ professional growth and contributes to education policy in Ukraine. Cosmos Studio redesigned its website to make a large volume of content accessible, clear and easy to use.

EdTech
2021
Website Design
Website Development

Challenge

EdCamp is a platform for teachers’ professional development, experience sharing and the best international practices. Our task was to update the website to match the new brand identity, structure a large amount of content and create an intuitive user experience that helps people quickly find what they need.

EdCamp education website redesign – home page
No items found.

Design process

We built the new design around the bright brand identity created by bulanov.buro. Its graphic elements became an important part of the interface, balancing visual expression with simplicity, readability and transparent navigation.

EdCamp website UI with bright brand graphics
No items found.

Scale of the project

One of the biggest challenges was the size of the website. We wanted every page to feel unique while keeping one consistent style and user experience. Designing dozens of pages required a well-thought-out design system, and our team developed the education website on WordPress so EdCamp can manage all this content on its own.

EdCamp website page templates
No items found.

UX redesign and information architecture

The key task was to rethink the site structure. We simplified navigation, reworked the information architecture and organized a large volume of content so users can find information fast and interact with the platform comfortably.

EdCamp website information architecture and navigation
No items found.

Visual style

We aimed for a modern, recognizable design that stays easy to read even with a lot of information. Bright identity, expressive typography, color accents and careful composition make the site dynamic, friendly and professional at the same time.

EdCamp website animated illustrations
No items found.

Favorite details

We paid special attention to micro-animations, illustrations and interactive details. They add character, support the new identity and make interaction with the platform more lively and emotional.

EdCamp website micro-animation
EdCamp animated illustration
No items found.

Awards

After launch the project was recognized by the design community: Awwwards Honors and CSS Design Awards for Special Kudos, Innovation, UI Design and UX Design – confirming the high quality of the design and implementation.

EdCamp website – Awwwards Honors
EdCamp website – CSS Design Awards Special Kudos
EdCamp website – CSS Design Awards Innovation
EdCamp website – CSS Design Awards UI Design
EdCamp website – CSS Design Awards UX Design
No items found.

Results

We created a modern education website that combines a bright visual style, thoughtful UX and a clear information architecture. The platform became more convenient for teachers, partners and educational organizations, and the new structure and design significantly improved how users interact with the site – proof that good UX/UI can make a complex educational resource simple, accessible and attractive.

Other case

Our design services and the industries we design for

1

Product UX/UI Design

Dashboard

Onboarding

Mobile

SaaS

MVP

Web Apps

We design complex product interfaces that users actually understand. Dashboards, onboarding flows, and core features — built for scale from day one.

2

Frontend Development

Frontend development

React / Next.js

TypeScript

Design systems

Responsive

Product UI

Frontend development and UI engineering: React, Next.js and TypeScript interfaces, design systems in code and production-ready product UI.

3

Website Design

Corporate websites

Landing pages

UX/UI

Motion design

Premium look

High conversion

Award-winning website design for tech companies: strategy, UX, UI and motion design for corporate websites and landing pages that convert.

4

Brand Identity Design

Logo

Branding

Motion

Deck

Visual identity

Guidelines

A visual language that grows with your company. From first pitch deck to Series B we build brands that investors and users trust.

4

Website Development

Webflow

WordPress

React / Next.js

CMS

SEO-ready

Animation

Website Development by Cosmos Studio

Website development on Webflow, WordPress and React / Next.js: fast, SEO-ready marketing and corporate websites your team can edit.

5

Webflow Development

Webflow

Figma to Webflow

CMS

Interactions

SEO

Migration

Webflow Development by Cosmos Studio

Webflow development agency: custom Webflow websites, CMS setup, animations and Figma to Webflow builds your marketing team can edit.

6

Web App Development

Web apps

SaaS

MVP

React / Next.js

Dashboards

Platforms

Web App Development by Cosmos Studio

Web app and SaaS development: product design and React / Next.js frontend in-house, backend with trusted engineering partners, from MVP to scale.

7

Mobile App Design

iOS

Android

Mobile UX

Onboarding

Prototyping

Design system

Mobile App Design by Cosmos Studio

Mobile app design for iOS and Android: UX/UI, onboarding, habit-building flows, social features and design systems that keep users coming back.

8

UX Audit

UX audit

Conversion

Retention

Usability

Accessibility

Analytics

UX Audit by Cosmos Studio

UX audit of your website or product: we find where users get stuck and give a prioritized list of fixes to grow conversion and retention.

1

Defense Tech

Branding

Visual Identity

Logo

Motion

Pitch Deck

Guidelines

UX/UI design and frontend development for defense and military tech: command and control, ISR, geospatial and mission-critical products, plus brands and websites for defense companies.

2

Gaming

UI/UX Design

Onboarding

Mobile

Web App

MVP

Design and development for game studios: career and recruitment websites, landing pages and brand experiences that attract players and talent.

3

EdTech

Landing Page

Corporate Website

AI-powered

Premium look

High conversion

EdTech design and development for learning platforms, LMS, school and teacher tools and education websites – from UX research to a launched product.

4

SaaS

Dashboard

Web App

Onboarding

AI-powered

SaaS

MVP

SaaS product design and development: UX research, UI design, design systems, marketing websites and frontend for B2B platforms, CRMs and dashboards.

5

MedTech

Web App

Dashboard

Mobile

Data Visualization

UX Research

UX/UI design for MedTech and healthcare products: clinical and desktop apps, SaaS for healthcare businesses and patient-facing interfaces that are clear and safe to use.

6

Web3

NFT

Crypto

Landing page

DEX

Web app

Mobile app

Web3 and crypto design and development: NFT and token launch websites, staking and DeFi dashboards, brands and characters, built with React, Next.js and Three.js.

7

AI Products

AI Platforms

Generative AI

AI Assistants

Machine Learning

AI Automation

‍

UX/UI design and development for AI products: AI assistants and apps, AI-native SaaS, AI agency websites and brands for AI startups.

9

Wellness

Fitness Apps

Sports Platforms

Wellness Products

Health Tracking

Design and development for health and wellness brands: e-commerce and subscription websites, fitness and fasting apps, and wellness brand identities.

10

Other

Digital agency

Corporate website

Landing Page

‍

We design and develop websites and applications for various industries and types of businesses

10

Nonprofit

Nonprofit website

NGO

Campaign site

Donations

Storytelling

WordPress

Sirius animal shelter website by Cosmos Studio

Website design and development for nonprofits, NGOs and social impact campaigns: clear storytelling, easy donations and adoption flows, and content teams can manage themselves.

11

B2B Services

Corporate website

B2B

IT services

Rebranding

Lead generation

WordPress

Simply Contact corporate website by Cosmos Studio

Website design and development for B2B, IT and professional services companies: corporate websites, rebrands and lead-generation sites built on WordPress, Webflow and React.

12

Hospitality and Travel

Brand identity

Hospitality

Travel

Private club

Hotel

Website

The 23 private members club brand identity by Cosmos Studio

Brand identity, website design and development for hospitality, travel and lifestyle brands: private clubs, hotels and sleep concepts, and event travel platforms.

lET'S TALK

Start your project with Cosmos™

Drop us a message, Anna reviews every brief personally and gets back to you within one business day. From there it's simple: we align on scope, sign the contract, and book your start date. Fast, clear, no back-and-forth.

Thank you
Your submission has been received!
Oops! Something went wrong while submitting the form.