Skip to content
Mastermentors وب‌سایت by Rounak Bose

Mastermentors وب‌سایت by Rounak Bose is a highly esteemed winner of the very prestigious 2021 جایزه آهنی A' Design Award in طراحی وب‌سایت و وب Competition Category.


آهنوب· 2021

Mastermentors وب‌سایت

by Rounak Bose

Client: Mastermentors

جایزه آهنی A' Design Award Winner in وب Category

10,212

Verified Award Winner

Verify Award Status for #110801

Colors

The Design

About Mastermentors وب‌سایت

مسترمنتورز یک وب‌سایت آموزشی و یادگیری آنلاین است که دانش‌آموزان را با متخصصان محلی توانمند مرتبط می‌سازد. این پلتفرم توجه یکسانی به تجربه‌ی مربیان و تجربه‌ی دانش‌آموزان دارد. بازدیدکنندگان می‌توانند دوره‌های برتر، پروفایل مربیان و مقالات وبلاگ را که هر حوزه‌ی تخصصی را توضیح می‌دهند مشاهده کنند. طراحی این سایت واکنش‌گرا (ریسپانسیو) است، به‌گونه‌ای که ساختار آن در هر اندازه صفحه‌نمایشی شفاف و منظم باقی می‌ماند. این سایت به‌صورت یک اپلیکیشن وب پیشرفته (پروگرسیو وب اپ) ساخته شده و طراحی آن طی تکرارهای متعدد بهبود یافته تا تعادلی میان سادگی استفاده و ظاهری حرفه‌ای و پرداخت‌شده ایجاد شود.

The Recognition

About the جایزه آهنی A' Design Award

Mastermentors وب‌سایت برنده جایزه آهنی A' Design Award است، شناختی معتبر که به طراحی‌های خوبی اعطا می‌شود که الزامات حرفه‌ای و صنعتی مورد انتظار از آفرینش‌های خوب طراحی‌شده را برآورده می‌کنند. برندگان آهن مهارت بزرگ، تخصص بالا، درک کارشناسانه و ظرفیت خلاقانه سازندگان خود را نشان می‌دهند. از Mastermentors وب‌سایت انتظار می‌رود آفرینشی بسیار ارجمند، ستوده و دوست‌داشتنی باشد که کاربردی و نوآورانه است. این طراحی برنده جایزه آهنی A' Design Award بهترین رویه‌های صنعت را یکپارچه می‌کند و ویژگی‌های فنی شایسته‌ای دارد که با دانش عملی و استعداد پیوند خورده است. Mastermentors وب‌سایت به سبب دقتش محترم است و برای عرضه بهبودهای کیفیت زندگی که به بهتر شدن جهان کمک می‌کنند طراحی شده است.

Behind the Design

Press Kit

Credits, team members and technical details provided by the designer.

Unique Properties
1. The main goal of this design is to focus as much on the mentor-experience, as the student-experience. 2. Design methods have been used extensively to cleverly strategise onboarding and retention of mentors and students alike. Unlike other teaching platforms, the mentors here attract the major student-base, who in return get to learn from the local talented professionals. 3. Self-development with a personal touch has been a unique property borne in mind from the onset for this project.
Dimensions & Packaging
Technical Properties: Responsive website - a Progressive Web App, designed using ReactJS for the front-end, and a combination of Firebase and NodeJS for the backend. A mobile application service for Android, iOS and iPadOS, developed with Flutter. The website, with dynamic visual information, serves as an online-teaching-and-learning platform for mentors and students.
Tags
mastermentors, website, design, ui design, visual design, web design
Production Technology
Responsive website design paradigm was implemented for the pixel-perfect high-fidelity prototype made using Figma and InVision. A Firebase and NodeJS backend supported the Progressive Web App made using ReactJS.
Design Challenge
The main point of attention was that refinement and simplification, were to be prioritised over beautification. Top-notch functionality, satisfaction of usability heuristics, and a polished user experience was the greatest challenge of the project. Target users did not want to be overwhelmed by information and classy looks, but they did not like being underwhelmed. Properly guiding the user's attention across the website required significant effort to find the right balance for the design.
Research
The qualitative research used exploratory and generative tools-stakeholder maps, personas and concept maps to define the target audience-needs. The objective was to make informed decisions and define the Site Map. A mentor, a local talent, and few students, were interviewed to brainstorm, devise information architecture, make low-fidelity concepts and finalise over multiple iterations. Multiple celebrities were onboarded and 50-plus courses purchased in just one month of launch.
Inspiration
The platform was inspired by the need to revolutionise the Indian education system, founded on the premise of free expression - by telling stories that are typically unheard of, or lost. To this effect, a digital space was required to be provided to the local, talented professionals who are defining their fields with their skills, but need a digital platform to share their expertise. The aim of providing a visual voice to the upcoming mentors served as great inspiration.
Project Duration
The project started in November 2019 and finished in February 2020, in Kolkata, India.
Operation Flow
The website is the opener to the portfolio of celebrities teaching their craft and talented professionals showing tricks of their trade. A visitor sees the top courses from all the mentors and their profiles. Blogs provide sufficient impetus for the users to join courses of their liking, and learn from the masters. The user journey has been plotted such that the experience attracts prospective students and potential mentors alike, and provides incentive to want to be a part of this platform.
Team Members
Rounak Bose
Image Credits
Images belong to Rounak Bose

Sponsored

Explore Beyond Designers.org

Discover products, services and opportunities from our advertising partners.

Good Design Deserves Great Recognition

The A' Design Award is an international, juried accolade for good design. Take part in the A' Design Award to get an opportunity to earn meritocratic recognition, gain fame, prestige and publicity for your work. Nominate your work for the A' Design Award and compete for the coveted A' Design Prize.

Nominate