Audrey Hacq

Product Design Manager

[audreyhacq]

User Research Repository

In this article, I speak about how we started our User Research Repository, using Atomic Research. I also detail my vision to impact the product and, at the end, the user experience.

Read the article

[audreyhacq]

SKILL GRIDS

Article on How to design Skill Grids for Product Design teams. Skill grids are a great tool to fairly evaluate collaborators, but also to be able to support their up skilling. In this article, I explain all the methodology and, as a bonus, give full access to the grids created for my team: Product Designer, Content Designer and User Researcher.

Read the article

[audreyhacq]

Design Management

I started my new job at OpenClassrooms in March 2020. Since then, I’ve learned a lot about structuring and growing a design team. In this Article "How I started my new role as a Product Design Director fully remotely”, I share what I implemented during my first few months, focusing on the team's vision, processes, and culture.

Read the article

[audreyhacq]

Hack the Design system - Book

French version of the book “Hack the design system”. The original version in English was written with Idean Sweden.  For the french version, I reviewed the plan, traduced and localized most contents and interviewed french experts on the subject.

[audreyhacq]

TOUCH UP

TouchUp est un projet personnel né de l’envie de travailler avec un de mes amis développeurs. L’idée nous est venue en voyant que notre carnet de contact Apple était peu pratique et que c’était très compliqué de faire du tri. Le but de l’application est dons d’améliorer la qualité de son carnet tout en s’amusant.

J’ai pu réfléchir à la fois à la conception du produit, à son identité visuelle mais aussi à sa road map, à ce que comprendrait le premier mvp et à la façon de le mettre en avant sur les stores.

Pour voir quelques animations que j’ai conçues pour l’appli c’est par là

Télécharger l’application

[audreyhacq]

ING DIRECT

Accompagnement du groupe ING Direct France dans la mise à jour de leur nouvelle identité visuelle sur leurs différents supports (site mobile, applis, site desktop...).

Reflexion autour des composants et de leur adaptation responsive, nouveau dessin des icones en respectant les principes de la charte et passage de la liste des comptes à la verticale.

[audreyhacq]

ATOMIC DESIGN

L’atomic design est une méthode de design portée par Brad Frost.

Depuis presque 2 ans maintenant, cette méthode me passionne et je tente de trouver la meilleure façon de travailler avec les développeurs, web comme natifs (iOS et Android) afin de tester et d’itérer beaucoup plus rapidement et efficacement.

J’ai fait plusieurs articles sur le sujet. J’ai également eu la chance de donner une conférence aux Flupa et aux Web2days.

[audreyhacq]

DESIGN SPRINT

L'objectif d'un design sprint est d'échanger des idées lors de workshops de co-création, d'esquisser des solutions d’interfaces et de réaliser un prototype en 5 jours.

Ici le sujet était une application mobile permettrant aux salariés d’entreprises géographiquement exentrées de pouvoir se déplacer plus facilement en utilisant tous les moyens de transports disponibles (covoiturage, voitures électriques, navettes d'enteprises...)

[audreyhacq]

FONDATION D'ENTREPRISE RICARD

Conception, ergonomie et design du nouveau site de la Fondation d'entreprise Ricard pour l'art contemporain.

• Présentation des expositions sous forme de "Time line" • Grande carte interactive des Galeries parisiennes • Filtres de tri des expositions par date, type, lieu • Animation du logo en CSS 3 • Site entièrement responsive

Voir le site en ligne

[audreyhacq]

The official Board - Infographie

Conception et réalisation des éléments graphiques pour une infographie dynamique sur la place de la femme au sein des plus grandes entreprises mondiales. Consulter l'infographie en ligne

[audreyhacq]

Beautiful Web Icons

Conception, ergonomie et rédaction (en Français et en anglais) du site "Beautiful Web Icons". Le site est conçu pour être totalement "responsive". J'ai fait mon zoning sur la base de la grille Twitter bootstrap. J'ai réalisé moi-même certaines des icônes vendues sur le site.

Voir le site en ligne

[audreyhacq]

Banque Populaire

Ergonomie et design de l'application "Rapid'épargne". Cette application offre la possibilité d'effectuer un virement sur un compte d'épargne en glissant une pièce (montant définit par l'utilisateur) jusqu'à la tirelire.

Télécharger l'application

[audreyhacq]

Scientinetwork - Réseau social

Conception, ergonomie, réalisation et suivi de projet du réseau social privé “Scientinetwork". Ce réseau très complet permet de trouver des entreprises, de les contacter, d'alimenter un fil d'actualité et de voir l'actualité des autres entreprises, de s'inscrire à des événements... 

Ce site étant privé, il n'est pas possible d'y accéder sans avoir souscrit un abonnement. Voir la page d'acceuil du site

[audreyhacq]

User Interface - Graphic elements

Réalisations d'éléments graphiques pour l'interface d'un site web. Design volontairement "flat" et épuré.

[audreyhacq]

Fortuneo - Tree Map

Fortuneo a souhaité intégré à son application iPad une fonctionnalité Tree Map.

Un Tree Map est une représentation visuelle des marchés dans laquelle la couleur représente les valeurs et la taille les volumes.

La navigation se fait en zoomant avec les doigts sur les carrés, jusqu'à obtenir le graphique détaillé de la valeur souhaitée.

[audreyhacq]

iPhone - Fortuneo

Design et réalisation des éléments d'interfaces graphiques de l'application iPhone pour la banque en ligne Fortuneo. Conception de toute la partie "Comptes" ainsi que des fonctionnalités telles que les virements et l'achat/vente de valeurs

[audreyhacq]

iPad - Fortuneo

Ergonomie, conception et design de l'application iPad pour la banque en ligne "Fortuneo".

Télécharger l'application sur l'Apple Store