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

Visit Site View at A' Design Award Press Release Award Badge

Colors

The Design

About Mastermentors เว็บไซต์

Mastermentors เป็นเว็บไซต์สำหรับการเรียนการสอนออนไลน์ที่เชื่อมโยงนักเรียนเข้ากับผู้เชี่ยวชาญท้องถิ่นที่มีความสามารถ แพลตฟอร์มนี้ให้ความสำคัญกับประสบการณ์ของทั้งผู้สอนและผู้เรียนอย่างเท่าเทียมกัน ผู้เข้าชมสามารถดูคอร์สยอดนิยม โปรไฟล์ของผู้สอน และบทความบล็อกที่อธิบายแต่ละสาขาวิชาชีพได้ โครงสร้างเว็บไซต์ออกแบบมาให้ตอบสนองได้ดี (Responsive) ทำให้การจัดวางองค์ประกอบยังคงความชัดเจนและเป็นระเบียบในทุกขนาดหน้าจอ เว็บไซต์นี้ถูกพัฒนาขึ้นในรูปแบบโปรเกรสซีฟเว็บแอปพลิเคชัน (Progressive Web Application) และผ่านการปรับปรุงดีไซน์หลายครั้งเพื่อสร้างสมดุลระหว่างความง่ายในการใช้งานกับความสวยงามที่ประณีต

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