1. Pourquoi un jeu ?
    • Parce que la RSE est un concept difficile à expliquer et un jeu permet d’expérimenter les défis associés à la préservation de l’équilibre sociale, environnementale et économique, pour ultimement comprendre la réalité de Boréalis.

    Pourquoi sur plateforme mobile ?
    • En lien avec l’approche communicationnelle du positionnement de Boréalis, leader technologique de son domaine.
    • Dans le but de rejoindre les différents publics cibles, sur le terrain (lors d’événements, de projets, dans les écoles, etc.)
    CHOIX TECHNOLOGIQUE
    Technologies utilisées
    • HTML 5, CSS, JQUERY MOBILE, OBJECTIVE-C

    Approche technique du jeu
    • Jeu tour à tour : une approche permettant au joueur de prendre connaissance des différents éléments de l’environnement, de réfléchir et de poser des actions stratégiques.
    • Vue isométrique

    Plateformes visées
    • PC et MAC (Web), iPad, Tablettes Android
    Motivations à utiliser ces technologies
    • Compatibilité accrue vers plusieurs plateformes pour rejoindre le grand public
    • Budget et échéancier de projet très restreint

    Innovations technologiques
    • Pousser les technologies du Web au maximum afin d’obtenir un haut niveau d’interaction du jeu (animations, vue isométrique, feedback, musique, sons, vitesse du jeu). Hybride entre culture du web actuel et du jeu vidéo.

    • Afin de contrer les limitations de l’engin audio du HTML5, nous avons dû développer notre propre moteur de rendu sonore en Objective-C et le faire interagir avec le jeu Web.
    Défi
    • Faire comprendre un concept complexe au grand public
    • Budget et échéancier de projet très restreint 30 000$ / 2 mois.

    DESIGN
    • Beaucoup d’emphase sur le design et sur l’ergonomie pour une expérience accessible et interactive.
    • Interfaces et menus flat design contraire à la pratique des jeux, afin de laisser place à l’information, la rendre facile à consulter et à assimiler
    • Design en lien avec la ligne graphique actuelle de Boréalis
    • Emphase toute particulière a été mise sur l’illustration pour faciliter la compréhension des scénarios
    • Trame sonore originale composée pour le jeu en lien direct avec l’expérience du joueur

    # vimeo.com/73969761 Uploaded 2,115 Plays 2 Comments
  2. 12 transitions - Flat motion design
    You could purchase source files: https://sellfy.com/p/pZ9S/
    If you have any questions don't hesitate to contact me, I will try my best to help :)

    For more template like this, check out: http://www.motion-market.com?utm_source=vimeomm

    # vimeo.com/94978617 Uploaded 4,800 Plays 3 Comments
  3. miguelangelderrico.com/

    Just for fun and to test the effect of the long shadows in motion.

    Illustration: Tsveta Petrova “Flat Hipster Icons Design Pack (Free)”
    behance.net/gallery/Flat-Hipster-Icons-Design-Pack-%28Free%29/15755001

    Animation text with Amortype free preset
    mattrunks.com/en/tutorials/after-effects/amortype

    Music: Jackson F. Smith. “Cantina Rag”
    freemusicarchive.org/music/Jackson_F_Smith/

    # vimeo.com/94159266 Uploaded 27.2K Plays 10 Comments
  4. Our newest animated infographics video for the experts in content management, OpenText.

    # vimeo.com/55286326 Uploaded 219K Plays 112 Comments
  5. Flat motion design doesn't have to be flat !

    3D objects made in cinema 4D then imported in elements 3D.
    The texts with shadows were rendered in cinema 4D then composited in after effects.

    CS5 & R13

    Fun & Practice video

    # vimeo.com/95877629 Uploaded

flat design

Manuel

Browse This Channel

Shout Box

Heads up: the shoutbox will be retiring soon. It’s tired of working, and can’t wait to relax. You can still send a message to the channel owner, though!

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels.