Website UI Implementation for Snapmentor Learning Platform
Services Covered:

Industry
Education
Duration
2 months
Budget
Less than 10K
Start Date
1 August 2020
Team Size
1-5
Engagement Model
Nearshore
Project Capability Score (PCS)
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
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
Web
Tech Stack
React.js
Client Endorsement
Overall Review Rating
5
5 out of 5 stars
Timeliness
Cost Rating
Willing to Refer
Quality of Deliverables
From early testing and interviews, we've found that users like the new UI, and we'll make the needed tweaks before launch. Their communication was excellent, and they easily adapted to our needs and fixed any issue that came up.
Note: This endorsement is based on publicly available client feedback from external review sources.
More Projects by TechWings
Endorsed
Ongoing
Software Development
Full-Stack Mobile & Web Apps: Blockchain Investment App and Winery Platform
Services Covered:
+3 more
Endorsed
Ongoing
Software Development
Admin Portal & React Page Development
Services Covered:
+2 more

