Reimagining the 10kdesigners Website Experience

June – October 2023

The Brief

The 10kdesigners brand had remained unchanged since its inception, necessitating a refresh to better appeal to its target audience. The project aimed to modernize the brand's look, enhance the presentation of cohort data, and create commemorative pages that captured the unique vibe of each cohort. The website needed to showcase both successful and unsuccessful cohort data transparently and incorporate features that highlighted the unique learning experience. Furthermore, the design had to be scalable to integrate future expansions such as a hiring portal, learning platform, and alumni directory.

Deliverables

Branding & Conceptualization

Website Design

Visual Design Strategy

Interaction Design

Reimagining the 10kdesigners Website Experience

June – October 2023

The Brief

The 10kdesigners brand had remained unchanged since its inception, necessitating a refresh to better appeal to its target audience. The project aimed to modernize the brand's look, enhance the presentation of cohort data, and create commemorative pages that captured the unique vibe of each cohort. The website needed to showcase both successful and unsuccessful cohort data transparently and incorporate features that highlighted the unique learning experience. Furthermore, the design had to be scalable to integrate future expansions such as a hiring portal, learning platform, and alumni directory.

Deliverables

Branding & Conceptualization

Website Design

Visual Design Strategy

Interaction Design

Reimagining the 10kdesigners Website Experience

June – October 2023

The Brief

The 10kdesigners brand had remained unchanged since its inception, necessitating a refresh to better appeal to its target audience. The project aimed to modernize the brand's look, enhance the presentation of cohort data, and create commemorative pages that captured the unique vibe of each cohort. The website needed to showcase both successful and unsuccessful cohort data transparently and incorporate features that highlighted the unique learning experience. Furthermore, the design had to be scalable to integrate future expansions such as a hiring portal, learning platform, and alumni directory.

Deliverables

Branding & Conceptualization

Website Design

Visual Design Strategy

Interaction Design

What is 10kdesigners?

It's the Internet's design school : An invite only private community – by designers, for designers. Become a better designer, meet other creatives, find new opportunities and level up your skills.

Brand Basics

Typography

There was a requirement of a typeface which could fit various use cases that 10kdesigners has – website, outcome reports, class presentations, social media posts, reels, stories etc.


Owners by MCKL Type Foundry checked all the boxes. It fulfils the new use case requirements while being not so different from previously used typeface combination – Termina & Work Sans. It has various font options from XXNarrow to XXWide.

Colors

Retained the two original 10kdesigners shades – brand purple & brand pink. Added a couple of secondary and tertiary shades which goes with the brand colours.

Landing Page

10k Doodles Concept

The landing page is designed to capture the unique vibe of the community. To empower the community & to generate engagement, 10k Doodles concept was ideated – title in the hero section is kept dynamic. This can be an entire community event wherein 10kdesigners members submit their doodle and it would be featured on the main landing page.

Using Design Elements to Design a Design Community Landing Page

As the community as well as the cohort based course revolves around "design", we used a lot of elements which would be familiar to designers. Eg. the grid background from FigJam, the rulers from Figma, the cursors from Framer etc.

Outcomes Report

As the name suggests, these pages serve as a comprehensive dashboard for each cohort, providing key performance metrics and insights, including participant demographics, educational and employment statistics pre and post-cohort, and placement details. They feature testimonials from both members and mentors, enhancing credibility and giving personal perspectives on the cohort's impact. Additionally, the pages highlight significant achievements, projects, and memorable meetups, showcasing the cohort's collective and individual successes.

Career Transition Cards

After showing the statistics in the previous section, these cards played a pivotal role to elevate the trust and credibility even more by showing real members and their transitions – examples are anyway always easier to understand. The goal was to make the viewer feel that they too would be able to achieve the same with 10kdesigners.

Showing the differentiation – what makes 10kdesigners different?

Aspiring designers i.e. potential 10kdesigners' members often have this question. The biggest differentiator is the community & how lively it is – there's always people chit-chatting on discord, there's a wins channel wherein people post their achievement stories and how did they get it. We decided to include a minified experience of these key community interaction points in the UI. Also added some interactivity and micro-animations to make the experience a little fun & engaging.