product strategy & design 2017
In 2017, Devialet was looking for a new experience for his mobile app. At the time, its design was quite deceptive compared to the speaker's quality, the product’s strategy was not quite working with the current UX, and the lacks of UI made the whole brand look far from anything you’d spend 2000$ on.
A significant simplification of how the app works between your speakers and your sources, supported by a solid and minimalistic UI putting ease of use, perfectionism and personalization at the core of the new product.
IT ALL STARTS BY PLUG IT IN
Once your Phantom is unpacked and linked to the app, you can use the source you like to share the sound, by choosing a source in your personal settings by swiping on the next screen. A simple and already known flow to enjoy your speaker, and another one to easily connect or disconnect to others you might own.
FILL THE SPACE
You have one, two, a castle full of Phantom ? Control what’s playing where it's playing at any second by having a simple access to all of them and pair them as you wish.
For every new partnership Devialet concludes, we promise you the best experience you could expect. When it comes to your TV, maybe you prefer to have an arty feeling in the room, or you want to gather your friends in front of the next Jain’s rad clip ? (these are amazing, right?)
FONTS AND ART DIRECTION IDEAS
Back to basics. To follow the new product strategy, a new art direction based on the clean lines of the Phantom and its vibrating amps, you can find the same principles that make out the identity of the Phantom in the design of the app, supported by two sharp fonts looking familiar from a far, but perfectly combined with the logo.
SUN TRIP TOUR
product & visual design 2017
To promote the birth of the company's new services dedicated to data analysis, embedded technology and data visualisation, Smile participated in the Sun Trip Tour challenge with a solar bike they had build themselves. The bike was connected to local servers and analysed the live streams of data during the race.
We wanted to allow viewers to follow our participants live and experience the road by sharing the photos taken along the road, and dive deep into the technical aspects of the race in a fun and colorful way.
HAD FUN WITH...
The loader change everyday based on the front runner’s new position, giving a sense of his advancement in the race while the rest of the content loads.
CHANGING THE WAY WE COMMUNICATE AS A TECH COMPAGNY
The initial brief was to have a 540*320 iframe on a template website displaying the bike’s dashboard in real time. As part of the team didn't have urgent deadlines, we pushed the project to build something a bit more elaborated.
We started by asking what exactly the R&D team wanted to promote inside and outside their company with their participation in the competition, and how having a tool to follow them could do the job.
Then, a strategy and research phase was scheduled to collect data on how to develop a data visualisation on cycling and energy flux, which would encourage people interested in sports and technologies to follow the course of our runners, and on how the electrical bikes helped them depending on weather conditions and road steepness.
Outputs took the form of personas, information architectures, user stories and a list of warnings about how a too raw information oriented data visualization can discourage part of our audience. Additionally, as it was a race and as french people love to compete with each other for no particular reason, we added a versus option to have a split screen view.
With that in mind, we chose to build a playful interface in two layers, one being the real time evolution of the race and the other one presenting the data gathered, organized and stylized for a better apprehension.
A PLAYFUL DIRECTION
ummer was coming and we were looking for an art direction that matched the chill and exciting mood you get into before holidays. And as we weren’t gonna save the world with our data but give visitors a quick view on what kind of road trip you can do with a solar panel plugged to your head, we thought : why not go for something more colorful than usual?
CUSTOM MAP WITH SMOOTH INTERACTIONS
Having some time to dabble around the project and falling for Mark Conlan's illustration style, the map was a perfect playground for trying to adapt it to our case. The whole website was also a way for the team to work more with interactions and animations, design and dev, so we tried to think about how we could create an animation language, which would convey our intention across the website, from icons to data visualization.
product design & identity 2016
By chance, I ran into the founders of Museopic by wondering in a museum in Lyon. They saw how people slowly lost interest in museums, and were concerned with finding a way to keep children learning and running (yes, that too) in a world where everyone is using digital tools everyday. Museopic started with the desire to develop an app for tablet and mobile that gives a clear storytelling or some amazing interactive details on selected pieces of art that otherwise stay under glass.
Mainly working on how the product could interact with the museum's environment, we went on a full frame camera with as little elements as we could to let the users wander around, seeing here a detailed view of an old japanese pamphlet carved in the wood, or there how an hydraulic press worked back in the time thanks to an overlayed video.
ADDING CONTEXT, NOT ISOLATION
Enjoying museums ourselves, our primary concern was to develop a solution that could provide more information on the art pieces, put forth other perspectives or simply show how the art piece is connected to others.
THROUGHT THE LENSE
I guess it made sense to have the lense as a logo, to which we also added the different angles allowing to see an artwork in either a historical way, in space or in motion....
product strategy 2018
How do you turn an institutionalized product centric bank into a user centric bank? After 3 months of discovering and analysing the different contexts linked to their users, we joined 89C3, the digital factory of BPCE to work on the new version of the Caisse d’Epargne's app, which was to be rebuild from the ground to be aligned with their users needs.
Based on the global analytic work done by the team, we tried to shed a light on the product strategy of the main banking app of the Caisse d’Epargne, and to approach the overall conception with a common method to all the teams in order to ease the sharing of components and feedbacks, based on a product vision & design principles.
DEFINE A VISION
How do you guide a core rebuilt of an existing product without being too feature focused, without ending up with a product that aims to do it all, without hierarchy, without loosing all the users due to an unclear direction ?
By summarizing the group direction, replacing the product into the bank's ecosystem and keeping the users' needs up on the wall, we proposed a vision of the new product to be shared between the desktop and mobile teams (either design, business or others).
Understand user behaviour. Walk users through their projects. Give them the ability to understand and act on the financial leverage at their disposal.
In 2018, as a data-based service, knowing our users by data analysis and research is a strict minimum to build anything relevant.
Knowing their realities, goals and frustrations will give us the core problems, which will allow us to build an emotional experience for them.
Lastly, we are on a long term mission aiming at giving people the basic understanding of banking offers and actions, which will allow them to choose wisely what kind of credit or saving plan suits best their plans and their financial capacities. It’s not about making them learn about the mysteries of banking but letting them have more control over where their money goes.
AN EMOTIONAL EXPERIENCE THROUGHT BANKING
The clients ask how the app could strengthen their bond with their bank through a more emotional experience.
What’s an emotional experience ?
As people, we tend to understand and experience the world through the connections we build with it. These connections grow with time and the effort spend on them, with the expectations you had beforehand and the goals you set.
Why looking for an emotional experience ?
We relate more easily to a product if a bond is created on a personal level. Having a service based on personal data, we should aim at simplifying the acceptance of our product by multiplying the use of it in order to build a product more relevant.
How can this be done?
For a banking product, the positive emotion can be created in a number of ways, for instance thanks to the ease of use when achieving tasks, the amplificatio
What are the pillars of the banking experience at the end of our decade? What relationship do the users want to build with their long term bank? How the bank's economic strategy meets with the users' realities?
Summing up the product vision and the emotional design strategy, we proposed three design principles to guide the production:
1. Make the user accountable for his expenses in order to allow him to be autonomous
The app has to be as precise as possible on the account status: always being up to date and capable of providing datas when answering the client's question on why and where a new transaction was made. This gives the user the capability to make thorough decisions on his financial plans and save more money.
2. Clarify the bank's offers to help users in their financial management
You know what it means to be a 200-year-old bank: you’ve got a lot of products, for a lot of different people. With the data created by the users and the behavioural models we developed during the analytics phase, we are going to be able to push the right products at the right time to the right people for them to continue to save more and achieve their goals, were they staying afloat or being able to fly to the moon.
3. Learn from users' behaviours to allow users to anticipate their expense
We store and use our users' data to buy a better bank in the future by learning more about their global needs, but also to help them personally. This is why we’re gonna build behavioural models that will evolve over time to reach a top level accuracy in order to give users transparency on their current and future finances.
brand communication framework 2018
On what graphic guidelines should we base a new communication for external purposes? What kind of photos communicate the brand values? At Chateauform, a b2b service providing you the best place to organize a professional event with an end to end personalized follow up, such questions were up to the individuals, without much of a referencial document when tackling a new subject.
As the same questions emerged for us when we started to design the upcoming website, we took a step back to help the communication team acknowledge the different ingredients of communication they used. We synthesized all the rules they applied to them and created a communication framework on how to reflect the brand values including tones, colors, photography, forms and typography.
GETTING EVERYONE SOURCES
We spend a few days looking for all the different guidelines used at the time by the communication team, but also for the initial direction and values set out 20 years ago by the company's founder thanks to the stories told by some of the most long standing employees. In total, we identified 7 values, 8 personality characteristics and 5 active communication mediums.
GETTING EVERYONE ON THE SAME PAGE
By using the brand ingredients' framework in a 4 hour workshop with part of the communication team, it selected which traits could be the more adequate to communicate the brand's identity through each type of ingredient.
A DOCUMENT LEGIBLE BY ANYONE
We aimed for a referencial document that would be thorough enough to be understood by anyone who would like to know more about why those choices make sense for the brand, how it should translate and what kind of details they could look for if they had any doubts.