Neobank — award-winning fintech app design
<h1 class='header-style-h1 text-color-dark-grey'><span style='color: #337A95'>E-Larium</span> — LMS for private professional school</h1>
![E-Larium](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548f15c0a031326d0a0a3c2_hreo-image.webp)
About the Client
eLarium is a real assistant for teachers and educators. It's e-learning platform that simplifies a learning process for both teachers and students during the outbreak of COVID-19. Mobile app for modern students, and web all-in-one-app for teachers.
Challenges and Solutions
Integrating a cohesive design for both the mobile app for students and the all-in-one web app for teachers poses a challenge.
Designing a user-friendly interface to simplify the learning process for both teachers and students in the context of remote learning.
Ensuring that the app engages modern students effectively, considering the diverse preferences and expectations of the digital-native generation.
Design a unified visual language that maintains consistency across platforms. Ensure optimal user experiences.
Introduce features that enhance remote collaboration, such as real-time communication tools and interactive learning materials.
Implement a visually appealing and intuitive design with features that resonate with modern students, such as personalized learning paths.
Scope of Work
Any great project starts from an idea! And our goal is to turn engaging ideas into magnificent designs that will help people to reach their purposes. And people will use it not only to design those but also to develop a useful and effective apps!
<h3 class="header-style-h4 text-color-white">Idea</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Creating an innovative concept to elevate the design of the E-Larium app while concurrently gathering valuable insights.</p>
<h3 class="header-style-h4 text-color-white">Research</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Analyzing the specific user demographic and conducting a comprehensive analysis for the app.</p>
![This image is a 3D rendering of a person sitting on a blue bean bag chair and working on a laptop. The person is wearing a green striped shirt, gray pants, and brown shoes. The laptop is white and appears to be a Macbook. The background is white. This image could be used to represent a relaxed, casual, or creative work environment.](https://cdn.prod.website-files.com/619267eed187504fdd80aa53/653294729d822d86f6dae948_agnes_sitting_on_bean_bags_2.webp)
<h3 class="header-style-h4 text-color-white">Wireframes</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Utilizing wireframes, we illustrated the fundamental functionality on the app screens.</p>
<h3 class="header-style-h4 text-color-white">UI Design</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Crafting a distinctive visual identity designed specifically for the app.</p>
<h3 class="header-style-h4 text-color-white">Testing</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Performing comprehensive app testing and gathering extensive user feedback during the testing phase of the E-Larium app design.</p>
Result
![This image is a banner or advertisement for a company’s ratings on various websites. The image has three sections, each with a different rating from a different website. The first section has a green “up” arrow and the text “Top Rated Status”. It has a 5-star rating from Clutch. The second section has the text “Our rate 5 of 5” and a 5-star rating from GoodFirms. The third section has the text “Our Rate 5 of 5” and a 5-star rating from GoodFirms. Below the circle, there is a banner with the words “Goodfirms.co” written in black. This image could be used to promote a company’s reputation, credibility, and quality of service](https://cdn.prod.website-files.com/619267eed187504fdd80aa53/653630e6d6ca1fc34335b117_anthony_presenting_while_holding_ipad_2.webp)
Pre-Sale Process
01
NDA
02
Intro call
03
Brief & Requirements
04
Information architecture
05
Questions
06
Quote
07
Proposal call
08
Filling legal form
09
Contract
10
Payment for 1st milestone
Information architecture
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548ef02d2cf985b5f982ce7_Information%20architecture.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548ef02d2cf985b5f982ce7_Information%20architecture.webp)
Wireframes
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548ef89b6923ce844a1ed22_Wireframes.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548ef94ce74f9e081829778_Wireframes-tablet.webp)
Branding
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548f2fab6923ce844a45a7c_Branding.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548f30cd5fcd2535484468d_Branding-tablet.webp)
Design System
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548f3854cb5dfca71dca886_Design%20System.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548f3ae5019cc575a50109d_Design-system-tablet.webp)
UI Prototype
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548f40b9fac059333a4d372_UI%20Prototype.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548f41c996a52317458a310_UI-Prototype-tablet.webp)
Mobile
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548f4635ccfdf24c7814e8e_Mobile.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6548f4635ccfdf24c7814e8e_Mobile.webp)