product strategy & design 2017
In 2017, Devialet was looking for a new experience for his mobile app. At the time, it was quite deceptive compared to the speaker's quality, the app's strategy was not quite working with the current UX, and the lacks of UI make all the brand looks far from anything you’d spend 2000$ on.
A significantly 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 personnalization at the core of the new product.
IT ALL STARTS BY PUGGIN IN
Once your Phantom is unpacked and linked to the app, you can use the source you like to share sound, by finding your personnal settings in the next screen. A simple and already known flow to enjoy your speaker, and one more to easily connect or unconnect to the others you might own.
FILL THE SPACE
Have one, two, a castle full of Phantom ? Control what’s playing where with a simple acces to all of them and pair them as you wish, knowing what’s playing at any second.
For every new partnership Devialet starts, we promise you the best experience you could expect. When it comes to your TV, maybe you prefer an ambiant arty feeling in the room, or maybe gathering your friend 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 could find the same principle on the app supported by two sharps fonts, familiar from a far, but perfectly combined with the logo.
SUN TRIP TOUR
product & visual design 2017
To promote the beginning of the compagny new service including data analysis, embedded technology and data visualisation, Smile participate in the Sun Trip Tour challenge with a solar bike they made themselves, connected to locals servers and analysing the live streams of datas during the run.
We wanted to let viewers follow our participants and experienced the road by seeing the photos taken along the road, and dive deep into the technicals aspects in a fun and colorful way.
HAD FUN WITH...
The loader change everyday based on the front runner’s new positions, giving a sense of the advancement in the tour while the rest of the content loads.
CHANGING THE WAY WE COMMUNICATE AS A TECH COMPAGNY
The initial brief was to have an 540*320 iframe on a template website displaying the bike’s dashboard in real time. As part of the team wasn’t working on anything at the time, we pushed the benefits to build something a bit more elaborate.
We started by asking what exactly the R&D team wanted to promote inside and outside our company by participating in the competition, and how having a tool to follow them could do the job.
Then, a strategy and research phase was schedule to have some datas on how build a datavisualisation about cycling and energy flux to encourage people interested in sports and technologies to follow the course of our runners and how the electricals bikes helped them depending on conditions.
Outputs took the form of personas, informations architectures, user stories and a list of warnings about how too raw informations oriented dataviz can discourage part of our audience. Also, as it’s a run, and that french people love putting others people in competition with each others for no particular reason, we added a versus option to have a splitscreen view on 🤜🤛
With that, we chose to build a playful interface in two layers, one being the real time evolution of the race and the other the datas gathered, organized and stylized for a better apprehension.
A PLAYFUL DIRECTION
Summer was coming and we were looking for an art direction that felt in adequation with the chill and exciting mood you get before holidays. And as we weren’t gonna save the world with our data but give visitors a quick tour to what kind of roadtrip you can do with a solarpanel plugged to your head, 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 illustration style, the map was a perfect playground to try 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 to convey our intention across the site, from icons to dataviz.
product design & identity 2016
By chance, I ran into the founders of Museopic by walking in a museum in Lyon. They sensed how people slowly disinterest themselve for museums, and are preoccupy by finding a way to keep the children learning and running (yes that too) while we’re all using digital tools everyday. Museopic started with the desire to give an app on tablet and mobile that give a clear storytelling or some amazing interactives details on some pieces that stay under glass otherwise.
Mainly working on how the product could interact with the museum 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 how an hydrolic press worked at the time with an overlayed video.
ADDING CONTEXT, NOT ISOLATION
Enjoying museums ourselves, the primary concern was to bring a solution that could give more informations, more perspectives, or simply how the piece is connected to the others.
THROUGHT THE LENSE
I guess it maked sense to have the lense as a logo, but also the different angles we added to see an artwork, either historically, in space, or in motion....
product strategy 2018
How do you turn an institutionnalized bank products centric to users centric ? After 6 months of discovery and analysis of 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 app which as to be rebuild from the ground up to be aligned with their users needs.
Based on the global analytic work done by the team, we tried to statue on the product strategy of the main banking app of Caisse d’Epargne, and to approch the overall conception with a common method for all the teams to ease share of components and feedbacks, based on a product vision and design principles.
DEFINE A VISION
How do you guide a core rebuilt of an existing product without being too feature focus, without ending up with a product that aim to do it all with no hierarchy, without loosing all the users due to an unclear direction ?
By summarizing the group direction, replacing the product into the bank ecosystem and keeping the users needs up on the wall, we proposed a vision for this new product to be share between the desktop and mobile teams (either design, business or others).
Understand users behaviours to walk our users throught their projects, and give them the ability to understand and act on the financials leverage at their disposal.
As a data-based service in 2018, 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 in order to build a emotional experience for them.
Last, we are on a long term mission to give people the basics understandments of banking offers and actions to let them choose wisely what kind of credit or saving plan they prefer to choose. It’s not about making them learn the arcane of banking than letting them have more controls on where their money go.
AN EMOTIONAL EXPERIENCE THROUGHT BANKING
The client ask about how could the app strenghten the bond they have with their bank throught 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. They’ll build up through the time and the effort spend on, the expectations you have beforehands an the goals you tend to reach.
Why looking for an emotional experience ?
We relate more easily on a product if a bond is create on a personnal level. Having a service based on personnal data, we should aim to simplified the acceptance of our product to multiply the use of it in order to be more accurate in our help.
How can it be made ?
For a banking product, the positive emotion can be create in a number of ways, such as the ease of use to achieve tasks, the amplification of good news or prevailing bad ones to be surprises.
What are the pillars of the banking experience of the end of our decade ? What relationship do their users what to build with their long term bank ? How the bank economic strategy meet with the users realities ?
Resulting 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 to allow him to be autonomous
Tha app have to be as precise as it can be on the accounts states. Always up to date and capable of giving the datas answering one’s question on why, and where a new transaction was made. This to give the user the capability to make thourough decisions on his financial plans to save more.
2. Clarify the bank offers to help the users in their financial management.
You know what it means to be a 200 years old bank: you’ve got a lot of products, for a lot of different people. By the datas the users create and the behaviours models we created 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, either its staying afloat or being able to flight to the moon.
3. Learn from users behaviours to allow users to anticipate their expanse.
We stock and treat users datas for our needs, to learn more of their global needs, but also to help them personnally. So we’re gonna build behaviours models that will evolve over time to reach a top level accuracy in order to give users transparency on their actual and future finances.
brand communication framework 2018
On what graphic guidelines should we based a new communication for external purpose ? What kind of photos communicate the brand values ? At Chateauform, a b2b service to provide you the best place to organize a professionnal event with a end to end personnalized follow up, such questions are up to the individuals, without much of a referencial document when they tackle a new subject.
As the same questions emmerged for us when we started to design the upcoming website, we took a step back to help the communication team acknolegde the different ingredients of communication they use, synthetize all the rules they applied to them and created a communication framework on how reflect to the brand values, including tones, colors, photography, forms and typography.
GETTING EVERYONE SOURCES
We spend a few days looking for every guidelines used today by the communication team, but also for the initial direction and values set 20 years ago by his founder by learning about the stories of some of the more ancient employees. In total, 7 values, 8 personnality characteristics and 5 actives communication medium
GETTING EVERYONE ON THE SAME PAGE
By using the brand ingredients framework in a 4h workshop with part of the communication team, they selected which traits could be the more adequate to communicate the brand identity throught each type of ingredients.
A DOCUMENT LEGIBLE BY ANYONE
We aimed for a referencial document that’s thorough enough to be understandable by anyone who would like to know more about why those choice make sense for the brand, how should it translate and what kind of details they could look if they have any doubt.