Responsive web designer / Design web réactif

Les écrans se multiplient, le Web doit s'adapter.

Screens are proliferating, the Web must adapt.

Stop Thinking in Pages.
Start Thinking in Systems.

Portfolio

PME mtl

Conte Québec

Garoute

Cognitive Group

CEUM website

Yucef Live

Betonika website

Festival Casteliers

Fondaction website

ventes telequebec

inspecsol website

Habiter Montréal

Amalgram photos

CSL Holidays


Services

  • Direction artistique / Art Direction
  • Responsive Web Design
  • UX / UI Design
  • Formation
  • Intégration HTML5 / CSS (SASS) / JS
  • Programmation de thème Wordpress / Wordpress theme programming
  • Consultation / Consulting

Contact

François Longpré

flongpre@gmail.com

514.521.4241

Production d'une carte de fêtes animée pour le groupe CSL.

Design and animation of a holidays card for CSL group.

Client:
CSL Group

Année / Year:
2015

Mon rôle / My role:
Direction artistique et animatiuon
Art direction and animation.

Illustration: Steve Beshwaty

CSL animation

Site web responsive d'un réalisateur montréalais.

Responsive website of a film director from Montreal.

Client:
Garoute

Année / Year:
2015

Mon rôle / My role:
Direction artistique et programmation front-end
Art direction and front-end programming.

Garoute

Site web de la nouvelle entité "PME-mtl" visant à soutenir l'entrepreneurship montréalais.

Website of the new organization "PME-mtl" that helps Montreal's entrepreneurs

Client:
PME-mtl

Année / Year:
2015

Mon rôle / My role:
Direction artistique et programmation front-end
Art direction and front-end programming.

Collaboration: Back-end programming by WhiskyEchoBravo and Renaud Joubert

PME-mtl

J'ai assumé la direction artistique de ce site visant à mettre de l'avant le talent des conteurs du Québec

I did the art direction for the website that highlight the art of Quebec's storytellers

Client:
Regroupement du Conte du Québec

Année / Year:
2015

Mon rôle / My role:
Direction artistique et programmation front-end
Art direction and front-end programming.

Collaboration: Back-end programming by WhiskyEchoBravo and Renaud Joubert

Conte Québec

J'ai eu la chance de concevoir ce site Responsive en une page pour ce talentueux chanteur folk de Montréal.

I had the chance to design the new RWD one pager site for this talented folk singer in Montreal.

Client:
Yucef

Année / Year:
2014

Mon rôle / My role:
Direction artistique et programmation front-end
Art direction and front-end programming.

Yucef Live

Avec mon équipe, nous avons créé un site web complètement responsive pour cette entreprise de béton de la région de Montréal. Le tout a été livré sous forme de thème Wordpress afin que le client soit maître du contenu.

With my team, we made a brand new look for this concrete company based in Montreal. We created a nice responsive theme in Wordpress so the client is free to update the content by its own.

Client:
Betonika

Année / Year:
2014

Mon rôle / My role:
Direction artistique et programmation front-end
Art direction and front-end programming.<

Collaboration:
Eklipz, marketing strategy

Betonika

Pour son 9e anniversaire, nous avons conçu un tout nouveau site Wordpress pour ce festival international de théâtre de marionnettes.

Nous avons mis l'emphase sur une navigation facile à travers la programmation du festival.

For its 9th anniversary, we created a brand new Wordpress site for this international puppet theater festival.

We focused on simple and effecfive navigation across the festival programming.

Client:
Casteliers

Année / Year:
2014

Mon rôle / My role:
Direction artistique et programmation front-end
Art direction and front-end programming.

Festival Les Trois Jours de Casteliers

En tant que l'un des plus fonds de travailleurs du QUébec, Fondaction est toujours à la pointe en ce qui concerne l'investissemeny durable. Ils étaient prêts pour un nouveau positionnement de leur site et m'ont demandé de travailler sur un nouveau site Responsive.

One of the largest Quebec's worker funds, Fondaction is always on the edge regarding substainavle investments. They were ready for a new branding and they ask me and my team to work on a new responsive website.

Client:
Fondaction

Année / Year:
2013

Mon rôle / My role:
Direction artistique
Art direction

Collaboration:
Adviso, UX

Fondaction

Le Centre d'écologie urbaine de Montréal est un chef de file dans le domaine de l'urbanisme et des nouvelles stratégies de développement durable des villes.

Ils m'ont approché en me demandant de créer un nouveau site en utilisant les méthodologies et techniques du Responsive Web Design.

The Montreal Center for Urban Ecology is a leader in city planning, urbanism and new substainable strategies for the cities.

They asked me to redesign their website using RWD techniques and workflow.

Client:
CEUM

Année / Year:
2014

Mon rôle / My role:
Art direction

Collaboration:
Alias Clic, back end (Joomla)

Centre d'écologie urbaine de Montréal

En tant que société d'état, Télé-Québec est maintenant en compétition avec les châines privées pour générer plus de revenus publicitaires. Ils m'ont demandé de concevoir un site facile à utiliser et destiné aux annonceurs potentiels.

Tele-Quebec, as a state public television, is now in competition with all the private channels for advertisement revenue. They asked me to help them designing a new site targeted for the advertisers.

Client:
Tele-Quebec

Année / Year:
2013

Mon rôle / My role:
Direction artistique
Art direction

Performance Tele-Quebec

Inspecsol est le leader québécois de l'ingénierie géotechnique. Avec des bureaux dans plus de 30 villes, leur croissance demandait un nouveau site web facile à maintenir.

Nous avons donc créé pour eux un nouveau site Wordpress complet avec une sections d'offres d'emplois offrant la postulation en ligne.

Inspecsol is Quebecs's leader in geotechnical engineering. With offices in more than 30 cities, its growth was demanding a new website easy to maintain and to use.

I created a Wordpress powered website complete with a job board ans application system.

Client:
Inspecsol

Année / Year:
2012

Mon rôle / My role:
Web Design

Collaboration:
Pelican, art direction

Inspecsol

Habiter Montréal,le portail des montréalais, devait trouver une manière ludique de se faire connaître. Nous avons donc conçu un jeu web et mobile qui permet aux internautes de tester leur connaisances de la ville en identifiant sur une carte l'emplacement de différents lieux publics, à l'aide d'un détail photo.

Habiter Montreal, the montrealer's portal, was trying to find a fun way to attract more users. We created for them a Web and Mobile Game in wich the users must try to find, on a map, the location of different public spaces by seing only a detail of a picture.

Client:
Ville de Montréal

Année / Year:
2012

Mon rôle / My role:
Web Design / Art direction

Collaboration:
Pascal Henrard, ideation
Vixo, programming

Habiter Montréal

Amalgram est une nouvelle application web qui facilite la mise en commun de photos sans utilier un réseau social. J'ai conçu une interface simple pour cette première version en utilisant Bootstrap.

Amalgram is a new web app that simplifies photo sharing without the use of a social network. I created a simple interface for this first version using Bootstrap.

Client:
Amalgraml

Année / Year:
2013

Mon rôle / My role:
Web Design / Front-end programming

Collaboration:
Code certifié, programming

Amalgram

Cognitive Group est une entreprise d'excellence en UX design basée sur l'amélioration de l'efficacité opérationnelle. J'ai conçu pour eux ce site en Wordpress / RWD.

Cognitive Group is a leader in UX design based on improving operational efficiency. I designed this Wordpress / RWD for them.

Client:
Cognitive Group

Année / Year:
2014

Mon rôle / My role:
Web Design / Front-end programming

Cognitive Group