gradprentice

gamified learning portal

Brief

Gradprentice is the responsive website of a UK based start-up. The CEO asked me to create the company website, the corporate identity and the design of the gamified learning interfaces. My task was to create an eye-catching one-page company website and a different but branded learning interface. My goal was to create a youthful and dynamic image that reflects the company’s image. We wanted both the brand site and the training platforms to reflect the playfulness, purposefulness and strong community that the program participants and mentors create.

Jump to the website

platforms

Desktop
Tablet
Mobile

process

Brief
Brainstorming
Wire-framing
User Interface Design
Design Implementation

my role

Ideation / Concept
Visual Design: home, learning, community pages
Implementation of the home page

platforms

Desktop
Tablet
Mobile

process

Brief
Brainstorming
Wire-framing
User Interface Design
Implementation

my role

Ideation / Concept
Visual Design: home, learning, community pages
Implementation of the home page

process

Brief
Brainstorming
Wire-framing
User Interface
Implementation

my role

Ideation / Concept
Visual Design: home, learning, community pages
Implementation of the home page

using:

problem solving

Challenge

My goal was to create a brand design that would fit both the GP brand and product pages. We wanted to create a friendly, happy interface for the main site that would appeal to learners. While the ‘product’ was to have a cool, darkish, spy look that would help you get involved in the London spy game.

thinking and brainstorming

Strategy

As this is a service provider platform, it was vital to make the pages as transparent and user-friendly as possible. We, therefore, tested the platforms continuously with the help of our future target group and enthusiastic students from MDX University. Thanks to them.

result

Final Visuals

The result is a clean brand site and a design-driven gamified learning interface that students will want to return to learn. Nailed the UI and made it user friendly for developers and students as well.

The working process

(non-exhaustive list)
Design

Moodboard

I like to tune in to the client’s dreams and ideas as much as possible. I collect different images, music, films, board games and computer games to help me do this. If I lose track of my work, it helps me to find my way back to the original ideas.

Design

Final design

We chose purple and turquoise as the brand colours. These were used in varying degrees on the home page and training platform. This shows their coherence but also differentiates them from each other.

Developing

Implamenting the plans

The design was implemented using WordPress, Divi and CSS codes.

Design

Moodboard

I like to tune in to the client’s dreams and ideas as much as possible. I collect different images, music, films, board games and computer games to help me do this. If I lose track of my work, it helps me to find my way back to the original ideas.

Design

Final design

We chose purple and turquoise as the brand colours. These were used in varying degrees on the home page and training platform. This shows their coherence but also differentiates them from each other.

Developing

Implamenting the plans

The design was implemented using WordPress, Divi and CSS codes.

UX/UI Design

The client requested a one-page website for the brand. I added a side navigation tab which eliminates the need to scroll so much. The navigation a user has followed is always visible at all the time no matter what device the user is using to visit the site. Instead of the usual hamburger menu on the mobile interface, I opted for the more modern and practical bottom navigation icons. This way, the site structure is immediately transparent on mobile. With one click, the user can choose the part of the page that interests them.

Testimonials

Laila

CEO, Gradprentice

Mona is a lifesaver (in the design sense) I was left with a botched website because I used a Fiverr designer based on fake testimonials.
Mona swooped in took control and delivered exactly what I wanted.
She is dedicated, reliable and most of all a great person to work with. If there is anyone I would trust with a project it is her. Thank you Mona for all the amazing work!

Laila

CEO, Gradprentice
I have hired Mona to take on a few other creative design projects from website designs, logo creation and UI testing as well.
Mona is also very supportive of our junior designers. She provided them with effective feedback alongside examples of changes and improvements to make. They have found them to be very useful.

Laila

CEO, Gradprentice

She first conducted a research brief to understand what my business was about and what I wanted the feel of it to be like. She then created a mood board and showed me a preview of what the design would look like. She even came up with our company brand colours and made improvements to our logo and fonts.