Lionel Da Costa
contact@oueb-design.com
ENG - IMPORTANT:
Very sorry for this outdated website,
We are too busy working on your beautiful projects to create any portfolio :-)
Please contact us using the email above or LinkedIn to see some stunning projects we've worked on!
FR - IMPORTANT:
Désolé!
Nous sommes trop occupés à developper vos magnifiques projets pour créer un site portfolio :-)
Mais vous pouvez nous contacter par email (contact@oueb-design.com) pour avoir une liste de projets à couper le souffle!
Ce site devait etre livré pour le début du festival du film Tribeca à New-york, ce qui laissait 7 jours devant moi. Le design a été réalisé en collaboration avec l'équipe d' "In.visible continent".
C'est ensuite au prix de nuits blanches passées sur javascript que j'ai réussi à résoudre les problemes liés a ce site:
- Rendre le design responsif: le site propose un équilibre graphique qu'il soie en 1024*768 ou en 1920*1080, cet équilibre est automatiquement rétabli au bout de 700ms si un changement de taille de la fenêtre ou un scroll de la souris l'a perturbé.
- Cacher un oiseau par page, animé en sprite PNG, il s'envolera à chaque fois dans une direction aléatoire.
Le projet a été livré en temps et en heure.
Deuxième cas d'étude, ce site utilise les mêmes techniques HTML5 et CSS3 que le site sur le freerun. Le thème de la musique électronique m'a permis d'élaborer une navigation originale autour du logo en utilisant les trois couleurs primaires.
L'apport d'animations jQuery permet de dynamiser le contenu. Le site est optimisé pour un écran de 1280px de large minimum.
Le principe est simple: Quand on clique sur un personnage il joue sa mélodie, quand on reclique: il s'arrête. Les 4 musiciens jouant une boucle synchronisée, on peut se lancer dans une partie de mixage.
Ce site, réalisé entièrement en Flash, avait pour but d'explorer les possibilités offertes par ce support.
J'ai donc réalisé des boucles vidéo avec couche alpha à l'aide du logiciel After Effect et de ressources trouvées sur Internet, puis j'ai composé des boucles audio à l'aide du logiciel Reason, et enfin j'ai compilé le tout et codé l'interactivité avec Flash.
Pour ce projet, l'équipe de la Fabrique du Réel (spécialisée en Wordpress) m'avait fait part du manque de recherche à facette basées sur des "custom taxonomies" (vocabulaire spécifique).
Ce "module recherche" propose:
- Une liste de critères crée dynamiquement selon les taxonomies ajoutées en back office.
- Des résultats affichés en Ajax.
- Une évolution de la liste en désactivant les options non présentes dans les résultats affichés.
- Une intéractivité avec le champ de recherche de mots.
- Un mode de recherche "ET" qui permet à chaque option d'affiner sa recherche.
- Un mécanisme de suggestion de mots avancé (modification d'un plug-in existant)
- La possibilité d'installer ce mode de recherche sur n'importe quel thème Wordpress.
Cas d'étude: ce projet visait à maîtriser les techniques HTML5 et CSS3.
Il constitue donc une compilation des principales possibilités proposées par ces supports, le logiciel éditeur étant Dreamweaver.
Ce site étant destiné à toutes les générations et à un public passionné, j'ai voulu le projet le plus clair et le plus complet possible. J'ai donc créé un back office permettant aux membres du club de générer et gérer dynamiquement des affiches de concours.
Puis, en plus des fonctionnalités les plus communes à un site de club sportif, j'ai proposé: un petit jeu de pétanque (disponible en application mobile), un module technique pour choisir sa boule parfaite et un quizz sur la pétanque. L'intégralité du site a été conçu avec Notepad (du slideshow au back-office en passant par le jeu), ce qui m'a permi d'explorer de nombreuses possibilités en matière de multimédia.