Overcountered: Overwatch counter team pick WebApp

Portfolio Categories: App and Web.

OverCountered_-_Overwatch_counters_heroes_team_picks_WebApp_-_2016-06-27_16.54.53

Overcountered is a small WebApp that helps you decide & choose the best enemy team counter picks for the new Blizzard game: Overwatch.

Overcountered is a small project I started to created while I was learning to use Angular JS. After some online tutorials, guides and code examples, I wanted to create a real first WebApp using Angular. And at that moment when I was searching for an idea’s to build a App with, Blizzard just launched there new hero based game called: Overwatch witch I played for a bit in the Beta already. Therefor I had the idea to build some kind of App that makes it easier for new players and veterans to choose the best possible counter hero to help out your team and maybe even win the game.

You can check out the WepApp Overcounterd at: http://mathiasmorelle.be/overcountered/

This App is basically made with the Twitter Bootstrap framework for stylistic purpose and as a CSS framework combined with the Angular JS framework I was learning to use for client side functionality. The info and images are from the Blizzard reference kit and website and I do not claim or own any of that.

OverCountered_-_Overwatch_counters_heroes_team_picks_WebApp_-_2016-06-27_17.22.27

My goal was to make the UI very Minimalist and Clear, so it is fast to use while you are playing a game and you don’t lose to much time searching around and get quick answers.

OverCountered_-_Overwatch_counters_heroes_team_picks_WebApp_-_2016-06-27_17.21.24

  • 85%

    CSS/HTML

  • 75%

    Angular JS

  • 55%

    Twitter Bootstrap

 

Game Releaser: Web App

Portfolio Categories: App and Web.

gamereleaser

Game Releaser is a Web/Mobile app that quickly show the latest game releases. ( still in development )

Game releaser is a small side project that i created & build natively in Javascript ajax, PHP in WordPress with the Twitter Bootstrap for stylistic purposes as a CSS framework that makes us of the IGDB API for the gameinfo. Game Releaser is a mobile-friendly, responsive Web App I created to help gamers keep up to date with the dates their favorite games are scheduled to be released.

Game_Releaser_-_2016-04-24_19.34.28

 

  • 85%

    CSS/HTML

  • 65%

    PHP

  • 45%

    Wordpress

  • 60%

    Ajax

  • 80%

    API

 

Game releaser is a web/mobile App that helps you find the latest game releases of the month!

Cucoloris.be

Portfolio Categories: Web.

cucoloris-preview

Cucoloris.be is a dutch small and upcomming freelance video content company located in Antwerp (Belgium).

They are Cucoloris , two creative people with the ambition to deliver visual content and to launch these in the right place and on the right time . In the digital world today images are central . They ensure that these images are not lost and end up in the right context. By working with talented freelancers with different backgrounds in the audiovisual sector , they can supply a wide range of custom content for each project.

Cucoloris_-_bedrijfsfilms_-_2015-06-04_11.05.11

  • 65%

    CSS/HTML

  • 65%

    Photoshop

  • 75%

    Wordpress

  • 50%

    jQuery

WeZooz Academy A5 Flyer

Portfolio Categories: Print.

flyer_2_voorkant

WeZooz Acedemy a online video learning platform I was working on needed new flyer’s to inform what the project is about. Therefor I got the assignment to create new flyer’s for them. There are 2 front side version’s of this flyer for different campaigns where where doing at that moment.

flyer_voorkant

Second front side flyer ↑

flyer2_back2

Backside of the flyer ↑

WeZooz Academy Poster

Portfolio Categories: Print.

poster-wac

WeZooz Academy is a online video learning platform I worked on for 2 years at you-view.tv. There for to inform everyone what the project is about I got the assignment to create a poster to simply explain what is WeZooz Academy about and why you should try it. This poster was afterwards send to every school in Belgium.

 

WeZoozAcademy.be

Portfolio Categories: Web.

Website-preview-screen

WeZoozAcademy.be is the biggest project I worked on for more then 2 years at you-view.tv. WeZoozAcademy or WAC is the first Dutch Online video learning platform in Belgium for elementary school (Dutch: secundair onderwijs – kinds between  10 -18 years old). This website was a great success with over 40k registered users considering this is not a free service for the first 2 years. The website was completely in house build from scratch. I build every visual aspect of the website from front-end layout to icons and all elements. The website also changed a lot form the first year till now in both visual styles and functionalities. The front landing pages and price tables where all made with the power of Foundation the most advanced responsive front-end framework in my opinion. The rest of the website was all custom made and redesigned till it all fitted together. It was a great learning experience working on this project. 2012-2014

WeZooz_Academy_-_2014-09-22_17.02.18

Landingpage ↑

Tarieven_voor_een_schitterend_schoolrapport_-_2014-09-22_17.00.47

Price table page ↑

register_WeZooz_Academy_-_2014-09-22_17.02.34

Example register popup ↑

Probeer_gratis_-_WeZooz_Academy_-_2014-09-22_17.04.18

Website explanation page ↑

Leerkrachten_-_WeZooz_Academy_-_2014-09-22_17.05.31

Teachers page ↑

Nederlands_-_Spelling_het_Deelteken_of_Trema_om_spraakverwarring_te_vermijden._-_WeZooz_Academy_-_2014-09-22_17.25.17

Video page ↑

wezoozacademy-be-home

Homepage ↑

alle_graden_-_WeZooz_Academy_-_2014-09-22_17.04.40

Category page ↑

Wiskunde_-_WeZooz_Academy_-_2014-09-22_17.26.46

Category second page ↑

ranking_-_WeZooz_Academy_-_2014-09-22_17.12.55

WeZoozAcademy ranking page (list up all the top student’s for WAC)

  • 95%

    CSS/HTML

  • 65%

    Foundation

  • 85%

    Photoshop

  • 20%

    PHP

  • 86%

    jQuery