Battleships

Interactive, fast & fun.

Web-based Multiplayer game.
Play Battleships with friends and family.

Autofill

Learn new champions.

A web app designed for League of Legends players.
We encourage people to try different champions.

Connect:MI

Everything university in one app.

THM Media Computer Science Student? Join others in our unique messaging desktop application.

I design thoughtful digital experiences.

×

Autofill

In the beginning of 2017, the League of Legends community had to go through several changes in the game, which impacted many players negatively.
A new problem was created – autofilling.

Step One – What happened

A big update hit every player in the end of 2016. The client got redesigned from ground up, focusing on improving User Experience and Performance. A lot changed with the redesign, Riot added several new features into the client and the game itself. One change most of the players loved is the new option to choose a primary and a secondary role.
It is a big advantage if you are efficient in two roles, that is why Riot wants to make it easier for the players to focus on solely two roles. The community appreciated this feature.

Lane overview - League of Legends
Primary and secondary role

Step Two - Riots problem

Great feature - Riot was very proud of the problems this update solved. The result of this - a typical game has a higher quality.
But there is one problem. Queue times are longer, much longer, which the community soon realised.

To fix this issue, Riot started enabling "autofilling" months later. That means - if you have chosen your two roles, you may be forced to play another one you may be unfamilair with.
We saw the problem here - The quality of games started to decrease again, people who are autofilled are more likely to have a negative impact on the game and the most important thing? From the beginning, new players are told to learn two roles, one primary and one secondary role, which may mean a champion pool of three to six champions. In the future they will run into many problems, starting by being autofilled and not knowing how to act accordingly, because they lack experience.

Our own team select tool

Step Three - Our part solution

Autofill.lol is designed for players who want to improve and have trouble with the autofilling "feature". Autofill can be seen as a champion generator for specific roles with some features. We want to encourage people to try out new champions and play more games with their friends.
To make it easy for our users, we aimed for a familiar user interface. The main inspiration for the site came from the League of Legends client, as It was obvious that their design was working - Orange color on black background provides a good contrast, also if the user is staying longer, it does not get uncomfortable for the eyes.

Our own team select tool

Step Four - The challenge

Although we were fresh to web development back in February 2017, we knew what we needed and how we would implement it. But still, we faced a lot of challenges.
Our challenges were a lot about efficiency. We wanted everything to be as dynamic and efficient as possible - that is the reason we took PHP in combination with XML for our backend, it helped us learn more about web development fundamentals and how to use them. We asked several gamers on social media about feedback. We wanted to gather ideas from the main users and got lots of feedback, which helped us make our product better. Some people like to read and they wanted to know what we change - So we introduced a small blog to keep everyone up to date. Some more people asked us to do statistics, as they were interested in knowing which champion got picked the most.

Top Players are shown with mastery trophies
×

Battleships

In "Media Project Management" we were allowed to chose from a variation of topics, from audio and video, creating 3D renderings to developing a web application.
We, a group of five, chose the latter for our project.

1. The project

We had to choose one of the following games - Connect Four - Quiz Duel or Battleships
Battleships caught our attention, we knew that we would enjoy developing this project and most importantly, we would learn a lot. We got a set of rules - our client wants to host this game at the fair, to show prospective students what we do at the THM.

1. The project

We had to choose one of the following games - Connect Four - Quiz Duel or Battleships
Battleships caught our attention, we knew that we would enjoy developing this project and most importantly, we would learn a lot. We got a set of rules - our client wants to host this game at the fair, to show prospective students what we do at the THM.

Connect Media Science Students

×

To be updated, as project is still in an early stage.

Update - Design prototype is almost finished, documents - vision, risk list, development plan etc - are finished.