Agricultural land management interface showing a mission view for 'La Ferme des Lilas' in Le Controis-en-Sologne. The left panel displays a list of selectable HSUs (Homogeneous Soil Units) with details like area (15 ha), terrain type (Terres arables), and 6 sampling points. The selected HSU shows detailed information including geology (Limestone), slope (0-5%), land use (Arable Land), production mode (Conservation), and fertilization details. The right panel shows an aerial satellite view with a purple-highlighted parcel overlaid on agricultural fields with visible crop rows. The interface includes options to unlock parcels, impersonate users, merge HSUs, and download data as CSV, with a 'Publish mission' button at the bottom.

Plot selection control panel, shipped to prod this week. #uisky

A bar chart about carbon sequestration potential

Experimenting with subtle texture in charts (WIP)
#uisky

Postcards from the field: a fun minisite I made to showcast one year of sampling soils around the globe for Genesis. More at www.genesis.live #designsky #uisky

Startscreen for a toursim app labelled: "Bondy, histoire(s) en poche"

Mockup of a mobile app with a treasure-map like path listing points of interests

Mockup of a mobile app displaying details for a point of interest and a CTA to listen to a short audio content

Mockup of a mobile app displaying a map with a dozen points of interests to visit

I've not posted for a long time and now I feel guilty. Have some pre-release teaser from a recent mission. #designsky #uisky

This image shows the admin dashboard of a platform called "GENESIS". The interface displays: Header: "Admin home" with the Genesis logo in the top left Left Sidebar Navigation: Contains menu items including Home, Users, Organisations, Farms, Samplers, Project simulations, Manage campaigns, HSUs & Missions, Scan & Print stickers, Track samples, Manage scopes, Documentation, UI Library, and Map Style Main Content Area: Recently visited section: Shows 6 organizational tiles including GreenLife, Future Farmer, Michel Lepoteau (Sampler), La Ferme des L... (Farm), North Coop, and Soufflet - Expl... (Farm) Manage accounts section: Displays four metric cards showing: Users: 1528 Organisations: 179 Farms: 1836 Samplers: 291 Manage projects section: Shows six project tiles including Project simulations (5), Manage campaigns (190), HSUs et Missions (1836), Scan and print stickers, Track samples, and Manage scopes (291) Preview section: Contains three tiles for Documentation, UI Library, and Map Style Bottom left: Shows "Phoenix Markes" as the current user The interface uses a clean, modern design with colored icons and cards against a light background.

Admin page
#uisky #designsky

A smartphone app with a map of Paris close suburbs in soft, natural tones and a paper grain, with a dozen points of interests marked with archive photographies. The title says "Balade à Bondy" which translates to "wandering in Bondy".

Discarded design direction for a tourism app in Paris suburbs.
#uisky #designsky

I have no idea if it was because of my post but they fixed it!
#UIsky #ui

Crop diversity score dashboard showing 5.8 points on a scale from 0 (Low) to Max (High). The main chart displays crop types per farm with a bell curve distribution, showing a global average of 6.1 and highlighting 'Future Farmers' at 7.5 crop types per farm. Below are three metric cards: Crop types total shows 36 with a +2.0 increase, Crop types per farm shows 7.5 with a +2.0 increase, and Crop types per km2 shows 5.3 with a +2.0 increase. All metrics show positive growth indicators with green arrows.

Tiny chart on tooltip
#uisky #designsky #dataviz

2 variations of jauge UI to compare a measure of CO2 equivalents to a minimum and maximum threshold

Two approaches to one problem: how do you design a jauge with thresholds that have variable values, while ensuring optimal readability for any measured value?
1. Change threshold position
2. Adapt scale for each range between thresholds
Each has it's advantages and compromises...
#uisky #dataviz

A swarmplot chart of 'Distribution of deforestation among crops in %'. Each data point is illustrated with a picture of the corresponding crop

#Dataviz idea: A swarmplot with images
#uisky #productdesign

Screenshot of a saas UI with hand-drawn arrows and written annotations

Screenshot of a saas UI, which incorporate changes adressing the annotations from the first picture

Roasting your own old designs feels...kinda good ?
(first image is the old design, with comments. Second is the redesign)
#uisky #designsky #productdesign

A Saas dashboard with 2 tabs labeled "baseline" and "evolution". "Evolution" is selected and shows a few metrics such as "Soil Health Score Progress"

When adding a dynamic dimension to a set of metrics (evolution over time versus baseline), is it better to:
1-group baseline and evolution together for each metric
or
2-Have all baselines in one section, and evolution of all metrics in another?
I usually go for 1 but here I'm trying 2...
#uisky

Zoom on a saas interface showing a workspace switch menu

Zoom on a saas interface showing a waffle chart representing a "Share of natural habitat"

Zoom on a saas interface showing a form page with a floating toolbar

Lil' release notes illustrations
#uisky #designsky

A swarmplot chart of crop diversity among farms, on a light gray background

One day I'll make a TED talk about why swarmplots are the best charts
#dataviz #uisky

45-minute experimental hero design on the theme of ‘*upside-down’* 🙃

Loved how the display type turned out — huge fan of Fontshare when I need expressive type in a hurry.

#figma #DesignSky #UISky #UIDesign #webdesign

An abstract icon for "crop diversity with subtle shadows over a textured background

Close-up of a scoreboard with farms ranked 1st to 3rd

Extreme close-up of a UI button over a green map background, with subtle shadows and outlines

Close-up of a dashboard section showing the evolution of natural habitat (down 0.5%)

Some close-ups of this week's work
#uisky #designsky

Empty state for an upcoming feature with a "request early access" CTA

This dashboard is ready to ship, except for this one widget that takes longer to develop. Instead of delaying the release or just leaving an awkward blank, I tried this: an empty state that will hopefully pump-up user expectations and enroll beta testers.
#uxsky #uisky

Two versions of a dialog box to create a "new campaign" for a soil sampling app. The first is not filled yet, all text fields have placeholders. The seconde version is filled and ready to be submitted.

Empty state vs Filled state
#uisky #designsky #productdesignsky

An app page, half scrolled, with alternating text and charts

Trying something new : A dashboard that's more like a blog article, with templated text content, enhanced by interactive charts.
More room for storytelling, less cognitive overload. On the flip side: much less scanneable (is that a word?)
#uidesign #dashboarddesign #uisky

A stream chart with a control panel listing the various categories displayed on the chart. Each category can be toggled on or off. Each sub-category has a value and an arrow pointing up or down representing overall evolution on the timespan of the chart.

Do not merely add captions for your chart kid. Use it as the chart options control panel. Actually, why not make it its own tiny chart within the chart ?
#designsky #dataviz #uisky

A dashboard showing indicators for deforestation and shares of natural habitats. One section is marked as "compliant" and the other "at risk"

It's hard to make a calm dashboard interface while accounting for the sometimes bad news you have to deliver
#uisky #dashboarddesign #uidesign

A map centered on south america, in light shades of gray

A map centered on south america, in natural tones representing land use (built area is gray, crops are light yellow, pastures are light green, forests are a darker tint of green)

Secretly updated the style of our map background last week. Makes land use more obvious. Also the resulting feeling is more lively. So far no one in my team has noticed 🤐
#uisky #mapsky #designsky

A figma canvas with a lot of mess going on

An ipad mockup wit ha VR experience control interface

The canvas / The mockup
#figma #ipadui #uisky #designsky

A figma file with a design for a simple form editing page, annotated with a dozen bright pink speech bubbles

When my devs see pink annotation bubbles popping everywhere they know handoff season is near
#figma #devmode #uisky

a figma canvas with a dozen variations for a toolbar

A full-screen form with many questions and a floatting toolbar on top

Today's iterations for a form editing toolbar.
#uisky #productdesign #wip #designinpublic

A streamchart about the evolution of shares of soil cover classes on a given area

Unpopular opinion : complex charts are delightful #dataviz #uisky #dashboardui

A dashboard widget about the evolution of forest area

Oops haha not done yet. Back to the drawing board. #uisky #productdesign #buildinpublic #designsky

A screen featuring a dashboard about ecological footprint (part of natural area vs artificial)

Wrapping it all up. Hope to ship this next week...
#uisky #productdesign #buildinpublic #designsky

A software dashboard page with 3 charts detailing the occupation of soil (natural vs artificial)

And now a 3rd widget to complement the first two. This page is almost done :)
#uisky #productdesign #buildinpublic

A line chart and a treemap chart detailing the occupation of soil (natural or artificial)

A second stats widget to complement the first
#uisky #designsky #productdesignsky