Mining2Me
Transforming the perception of mining through engaging animated infographic videos
Project Overview
Mining2Me is an educational platform that creates infographic videos about modern mining. Their increasing engagement on social media platforms called for a website to strengthen their presence online.
Our main goal was to create a brand new website that would help direct traffic to their social medias, namely YouTube, LinkedIn, Facebook, and Instagram. I worked as a UX Designer, collaborating directly with the founder and web developer.
UX Toolkit
Treejack
Milanote
Canva
Balsamiq
Adobe XD
UX Skills
Strategy & Information Architecture
User Personas
Wireframes
Moodboards
Mockups
Prototypes
The Process
Strategy
Understanding the “Who”
The first step to almost any user-centric project is to understand who your target audience is. I made sure to not only identify the demographic, but to imagine who they are in detail through user personas. This exercise helps to better understand the user needs.
After analyzing social media audience data and consulting with the client, we determined the target audience will be students and young professionals who are curious about mining. The user personas below illustrate this demographic.
Scope
Understanding the “What”
Next, I needed to understand what the site entails. I like to ask, what do we need in terms of content and function? I created a sitemap to help organize the flow of information and serve as the skeleton for the design.
Wireframes
As described above, the user needs, client needs, and sitemap served as a guide for my design. Below is a low fidelity design that encompasses important content and functionality requirements.
Displayed above are desktop wireframes. On the homepage, I included a call to action to Mining2Me’s social media pages. This is followed by a carousel of the latest featured infographic videos to immediately showcase their work. Further down the page are more invitations to explore other parts of the site, such as an interactive quiz. The footer once again emphasizes the social media buttons. Made in Balsamiq.
Mockups
The final result…