Portfolio Rework Part 1: Animation, Micro interaction & SVG

Stéphanie reworked her Portfolio and blog in 2018. I (Geoffrey) personally worked on the coding part, but also on the animation and micro-interaction part. And that’s what I want to write about today. Animation can be considered as part of a visual identity. Let’s go through the different little animations and their specificities. I want to share with you some tips, things I learnt before and practiced while creating those interactions, to inspire you.

Continue reading

Pixels of the Week – February 24, 2019

Weekly UX, UI and Front-End ressources: UX and videogames, bad habits of UX designer, UX in the age of personalization, app onboarding, accessibility, regex cheat sheet, color scales generator, CSS grid layout and flexbox, introduction to WebBluetooth, WebAuthn guide, decision making, design systems handbook, Agile vs Design Sprints, etc.

Continue reading

Pixels of the Week – February 17, 2019

You weekly dose of UX, UI and Front-End ressources: form design, pixel fox, design for data density, running research sessions, leveraging mental models, ineffectiveness of lonely icons, conversations about diversity, meetings about product design, design systems for mobile apps and desktop, CSS4 selectors, design tips, mobile design advice, learning HTML and CSS, etc.

Continue reading

Pixels of the Week – February 10, 2019

UX, UI and Front-End ressources: dynamic text overlay on images, designing complex tables, work effectively with designer/ engineers, UX portfolios, sticky positions in CSS, SVG text animations, SVG filters, Sketch plugins, thoughts on Jobs to be Done, beautiful happy 2019 interactive card, typography cheat sheet, life without Google (Fonts), becoming a design manager, etc.

Continue reading

Pixels of the Week – 3 February, 2019

Curated list of UX, UI and Front-End ressources: 2019 design tools, inclusive design, UX methods, favicon generator, onboarding process, PWAs available on Google Play Store, a color palette tool, table design patterns, CSS units, CSS cheat sheets fun definitions, etc.

Continue reading

Pixels of the Week – January 27, 2019

Weekly curated UX, UI and Front-End ressources: decentralizing the web, color palette tools, time management, product strategy, UI standardization, client/designer relationship, popular website redesign, interesting augmented reality concepts, web performance and UX, building better forms, flexbox layout ressource, etc.

Continue reading

Pixels of the Week – January 20, 2019

Weekly curated UX, UI and Front-End ressources: CSS specificity, research questions, UX process, iconography, illustrator tips, dashboard design, color blindness accessibility, content visual separators, SVG filters, a selection of UI/UX tools, pictures of monorail cats, Javascript animation library, etc.

Continue reading

Protected: LPATC – Optimisation mobile : ergonomie et responsive web design

There is no excerpt because this is a protected post.

Pixels of the Week – January 13, 2019

My curated list of weekly UX, UI and Front-End articles ressources: content strategy, mobile browser capabilities, greats reads on how CSS works, CSS grid, design ethics, SEO and React, different project process for product design, diversity and icons, a SVG Gradient Map Filter tool, a library with interface sounds, SVG organic shape generator,

Continue reading

Super Secret Powers of Mobile Browsers – Talk slides

Times have changed! There’s a lot, and I mean A LOT of things you can do today that used to be native mobile app territory only. Learn how to use the power of Progressive Web Apps and APIS like geolocation, push-notifications, offline support, bluetooth, biometric authentication, etc. to bring user experience on mobile browsers to the next level

Continue reading