EndorsedendorsedCompleted

Website UI Implementation for Snapmentor Learning Platform

Services Covered:

UI/UX DesignWeb Application Development
Project hero — replace with case study imagery
Industry
Industry

Education

Duration
Duration

2 months

Budget
Budget

Less than 10K

Start Date
Start Date

1 August 2020

Team Size
Team Size

1-5

Engagement Model
Engagement Model

Nearshore

Project Capability Score (PCS)

gauge meter
71/100
Good

Project Capability Score (PCS) estimates how capable TechWings is of successfully delivering a project like this, based on its past experience, track record, and ability to handle similar work. Learn more about PCS


Client

Snapmentor

mapOslo, Norway

Project Summary

TechWings (formerly Mentalstack) provided UX/UI design and front-end implementation for Snapmentor's learning platform, rebuilding the site's architectural frame and rewriting the UI for the main web application. The vendor extended the software with a knowledgebase, produced wireframes and a component-based design system, and delivered React-based code and Storybook entries. The team worked in agile sprints, communicated via Slack and Trello, and early user testing and interviews show positive responses and scalability for the business.

Key Challenges

  • Needed increased delivery velocity to meet customer needs and deliver a new extension
  • Required an information architecture change that led to a full UI rewrite of the main web app
  • Needed to build a simple, reusable design system of components to compose web pages

Project Deliverables

  • Design wireframes
  • Design system of components
  • UI code rewrite for the main web application
  • Pull requests and React components with Storybook

Project Solution

The vendor extended Snapmentor's main software by adding a knowledgebase and performing an information-architecture-driven UI rewrite. They followed an agile process with sprints and bi-daily standups, produced design wireframes, created a simple design system of components, and delivered React-based code via pull requests and Storybook. Design work used Figma and frontend implementation used React and styled-components; the team coordinated via Slack and Trello.

Project Outcome

  • Users responded well to the new UI in interviews, usability testing and observation
  • The solution appears scalable for the client's business
  • Communication and project management were effective using Slack and Trello

Platforms

  • WebWeb

Tech Stack

  • React.jsReact.js

Client Endorsement

Overall Review Rating

5star5 out of 5 stars

Timeliness

Cost Rating

Willing to Refer

Quality of Deliverables

Based on early testing and interviews, they have concluded that users have responded well to the new UI and will be making the necessary adjustments before it goes live. They maintained excellent communications and had no problem adapting to the client's needs and resolving any issue that comes up.

Anonymous

Chief Technology Officer

Note: This endorsement is based on publicly available client feedback from external review sources.

More Projects by TechWings