We specialize in creating Web, Mobile, and design solutions to turn business ideas into products. We provide our customers with one-stop servicing that covers all the aspects of software production: - End-to-end mobile and web development; - Code expertise; - UI/UX design; - Cloud-based solutions; - Advanced Quality Assurance. Industries - Financial Technologies - E-Commerce & Retail - Media & Entertainment - Education & Human Resources - Healthcare & Life Science - Software & Hi-Tech - Gaming & Leisure - Real Estate & Property Solutions - SaaS Development - Marketing platforms - B2B/B2C marketplaces - Platform Development - Data Science & Big Data - IoT & Embedded - UX/UI Design - Mobile App Development - DevOps & Cloud Email 2mc@2muchcoffee.com Website https://2muchcoffee.com

1. Industry: Solution: Project Length:
E-Learning Web platform with
complex structure
and functionality for
professionalization
in car design
8 mon.
Case study:
EDUCATIONAL
PLATFORM

2. PROJECT DESCRIPTION
The Challenge:
Our client came to us with a big passion to car design and a dream to make a contribution to the
industry, open and cultivate new talents. From the very beginning, we had to work only with a basic
concept of a big educational platform, do everything from scratch. As we’ve been discussing the
project performance, the main idea has been evolving and became more complex. To make a real
break in the designers’ education process we combined industry experience of the client with the
cutting edge technologies. The main problems of any educational platform are the lack of interaсtion
with users, untransparent graduation levels and incentive program. And we also faced them in the
basic concept. The solution we came up with was the gamification and special “level up” system in
which student would get XP for different skill categories by completing courses.
Strengths:
Strong idea with the narrow
specialization
Big database of unique educational
content
Involvement of the real professionals
of the industry
+
+
+
Weak points:
The project was on the stage of
simply a concept with no strategy
Firebase framework chosen by a
client before was not able to run
such a big platform
-
-
No availability of in-house software
engineers with required expertise
-

3. FULL-CYCLE WEB DEVELOPMENT WORKFLOW
Introducing
the idea
The niche experience is one
of the main things that can
outline the project on the
modern market. The project
owner started with strong
idea in narrow expertise area
that we have been following
through the whole project.
Modeling
On the modeling stage
combining the client’s vision
with 2muchcoffee experience
we came up with specific
goals platform had to achieve.
Our team added its insights to
perform logic and features
that are most suitable for
smooth Frontend and
Backend operation.
Architech
We created architecture
design patterns to meet
project goals and laid the
foundations for the platform
to grow.
01 02 03

4. After receiving the client’s
approval of the development
roadmap, our designers
team created interactive
prototypes that provided an
ability to see how the
application will look and act
including transitions,
animations, and other
elements, and visualized
application’s performance
without coding.
Design
We provided UI/UX design
services, suggested our
branding and logo design to
the client. Following his lead
and ideas, we managed to
create a simple and easy-to-
use interface, that fitted
industry vibe and entirely met
the expectations.
Development
To build a fully functioning
platform, we have chosen a
set of technologies with
exceptional performance,
ability to run a big database
and security characteristics.
Even though on the early
stage of development the
client had chosen an
inefficient framework we
made a point and offered a
different solution that made
but better fit.
04 05 06
Prototype

5. We provided all levels of
testing before platform
release including
performance and load
testing, usability testing,
end-to-end tests, etc.
Release
We assisted with setting up
live environment and kept an
eye on the deployment
process to be sure the final
platform version is
successfully released and
runs as intended.
Support
Our work doesn’t end up with
a release, we grant
maintenance for any product
we’ve performed including
monitoring, regular updates,
and troubleshooting.
07 08 09
Testing

6. Consistency Productivity Maintainability Modularity Catch Errors
Early
Choosing a set of efficient technologies is always a challenge. In our case client already had chosen
Firebase but it would be too slow for such a big platform, so we made a point and suggested Angular
for the frontend and Node.js (nest.js) for the backend to ensure the following:
TECHNOLOGY SET

7. The platform has 3 types of users:
Admin - who has the option to add and edit
content for students.
Tutor - has the option of adding his lessons for
admin review and look through + comment on
students work after they have finished the
course. Unique content provided by tutors is
perfectly safe within the platform, no one can
share courses to other users without a
subscription.
Tutor’s page
HOW IT WORKS?

8. Student - after becoming a member, has
access to the variety of courses with different
difficulty level by completion of which he can
upgrade his skills in various categories. He can
easily communicate with other students and
tutors within private or group chat, share files
or add his works for a tutors to review.
Student’s page

9. Courses are divided into different categories each
of them developing special skills which students
can improve in personal accounts by completing
respective courses, adding their works and
getting tutor reviews.
The monthly subscription starts with 3 pre-
selected unlocked courses and 1 course credit to
unlock 1 course free of choice. Every week
student receives one more course credit that can
also be collected to unlock new courses.
Courses page

10. PROJECT TIMELINE
1 week 2 week 8 month
Introduction
Identifying the main
requirements, elements,
and functions for the future
platform
Working on a strong concept
and its strategy
Technology stack selection
Custom team formation
Establishing
communication flow
Establishing project
management methodology
Establishing development
methodology
Code creating and
refactoring
Testing and fixing
Deploy and delivery
First Sight
Project
management flow
Implementation
01 02 03

11. Following the client’s vision of design, we created a
few variations to test them and make a simple and
intuitive interface.
Home page
Сourses page
Student’s page
Tutor’s page
Course page
DESIGN DEVELOPMENT

12. The clear and efficient both-way communication between 2mc team and client was provided by Skype
calls, conversations in Slack and task management through Trello. This type of workflow helps to
easily get in touch, make adjustments to initial requirements during the development process.
COMMUNICATION FLOW

13. The final version of the product fulfills all specification points and in addition to the already specified
functions has:
Payment integrations
(Stripe, taxamo,
paypal)
Purchase history
for students
Messaging
system/chat
Forum for students
to communicate
Social signup and
achievements
sharing
Notifications
within the
platform
Wishlist
+ + +
+ +
Which in combo creating easy and ergonomic user experience
PROJECT RESULTS

14. Review from Clutch.co
FEEDBACK

15. CONTACT US
Industries SolutionsCore Expertise
01 02 03
Digital Transformation for
Small & Medium
Business
Outsourcing & Outstaffing
for Enterprises & Digital
Agencies
Startups
SaaS Development
Marketing platforms
B2B/B2C marketplaces
Platform Development
Data Science & Big Data
IoT & Embedded
UX/UI Design
Mobile App Development
DevOps & Cloud
Financial Technologies
E-Commerce & Retail
Media & Entertainment
Education & Human
Resources
Healthcare & Life Science
Software & Hi-Tech
Gaming & Leisure
Real Estate & Property
2mc@2muchcoffee.com 2muchcoffee.com