It’s through mistakes that you actually can grow. You have to get bad in order to get good.
I am a Digital Product Designer. As a well-rounded interaction designer, I make sure that systems, interfaces, language and graphics are friendly, emotive, aesthetically pleasing, clear, on-brand and usable - with a touch of mellow.
I'm primarily a Visual Designer with extensive education in user experience & interaction design. Based on user-centric design, I make sure that design supports functionality, and functionality supports design.
Bringing technology closer to you is important in today's hi-tech society. Making the human interaction with digital artefacts more natural and easier to use.
"We educate designers who can articulate and develop cutting-edge practices in key areas of interaction design: tangible and sensor-based interaction, wearable and embodied interaction, game design, participatory design practices, critical design, social innovation and collaborative media development. Students approach these genres within a broad context that considers the social, political and ethical consequences of their designs. Our education is studio-based, bringing students into close contact with our design professors."
All education done in Sweden, Malmö Högskola.
Day-to-day tools that are most frequently used by similar profiles, and most common in today's toolbox for designers.
Horizontal scroll this time
very very intoxicated friend one early morning
hunter s. thompson
some t-shirt somewhere
a sign in a bar in paris
I dont know where i first heard this, but it's always there on my mind when work gets heavy
basically every reaction when I see something great
- the client said. tried to explain that #000 is the absolute blackest of all black
Barclays France needed a complete re-branding and re-design of their website. The short back story is that Barclays France was acquired by another groupe, thus having to break free from the Barclays group. And so, Barclays becomes Milleis.
My role on this project was covering the UX & being the link between the design, integration & stakeholders. The UI was made by Marie Fiorucci. Site is now live here.
UX Interaction Design Project managing Guidelines
Barclays current target is middle-aged/retired clients. Milleis wanted to shift more into professional, younger adults. So the
- Creating a notion of readily accessible, online bank.
- Barclays is known for having amazing customer support, within the walls of the office. Milleis needed to create the same feeling, but outside the walls of the bank.
- Establishment of a modern language that speaks _with_ the customer.
First step was to break down the entire site and create user-journeys. Based on the journes, we mapped out the entire site.
Here showing the global sitemap
Without going too deep into the details and all the iterations made. The UX was quite straight-forward. The goal was to have all the necessary information presented at the right time (based on what our target needed to see). That combined with related article, to invite the user to stay longer on the site and continue browsing. We also indentified different usage on desktop versus mobile.
Overview of the landing
Example of a page with articles
Example of a page that shows relevant content mixed with articles
So the focus was to
- Many pages (that we called second landing pages) with brief information, but relevant to the topic.
- We identified that people used the site for information gathering in mobile, and if they wanted to sign up - it would happen on desktop.
- Unified and user-centric design.
Make sure you have a look at the live site.
My role as Lead Designer in this mission was fun and exciting. Leading a small team of designers and developers was challenging whilst meeting a tight deadline. The goal was to transform Celio's homepage and welcome it into a more user friendly e-commerce site. It was important to respect the design principles & Celio language, and at the same time be brave & bold. A satisfying & fun challenge to say the least. Check it out.
Art-Direction Design Team-Managment
- Rethink the Celio brand experience.
- Seamless integration between all devices.
- Customer experience before, during and after visiting celio.com
They also took the opportunity & asked us to revise their
- Review and redesign of the artisic direction.
- Study showed increase use of handheld devices.
- 15% increase of completed sales, online.
"We've challenged Doers on the recast of the celio.com’s website in 2016. Beyond the graphical aspect of the interfaces and the navigation, it’s really on innovations and latest UX trends that Doers made the difference with its competitors to deliver a website whose progression in terms of turnover was immediate"
David Lecomte, CMO Celio
Club Moving is one of the biggest fitness gym in both France & Romania. My role as Art Director kind of shifted to be hands on on the design. This further on lead to a tight collaboration with the dev team, since the backoffice was an enormous head ache with UX solving. A great challenge concerning both from our & the clients side. Tremendous fun & nothing but positive feedback!
See the V1 app on
I also designed & coded the site for the app.
Lead-Design Art-Director Product-Manager
- Identify and present the values of the application.
- Simple to use while doing sport.
- Easily book collective courses.
- Intelligent coaching and syncronising with machines.
- Social integration to connect members with eachother.
I worked closely with a UX designer (Hélène Guibert). Although she had to leave for another mission half way, which left me to finalize & to take care of all the details. Further on I got to take care of all the iterations of the
Snapshot of the full UX
- People don't always want an application. We had to rethink some of the cases to see how the application could behave both as an assistant and as a personal tracker; active vs passive usage.
- How to actually teach the client what it means to have an application.
- The importance of feeling of progression. In fact, if users didn't feel as if they progressed within the application itself - they became less pro to continuous usage.
- It's easy to create a social space. It's much harder to define what it's actually for without users abusing it.
Video below demonstrates main parts of the
We're currently working with re-polishing Transdev's two products: Eurolines & Isilines. Since the high-season is due pretty soon, our first mission with them is to kind of fix up the graphical chart & some small UX parts. For both, we hotted up their website and improved the UX and graphical charts. I worked closely with two UX-designers- Maxime Castelli & Samson Blond.
Further on, we designed Isilines travel app that has 10 000+ downloads on app store & google play. See it live!
Design Branding UI Guidelines IxD
Their graphical chart was slightly messy, which leads to our
- Being able to equip the company with a premium, creative and connected service in a highly competitive market.
- A fully redesigned, responsive, user-oriented booking site developed with the best open source technologies.
- Establishment of a marketplace to benefit from advantages on hotels and excursions.
- A program that deals with branding issues while focusing on CRM, social, e-commerece, upselling and customer experience.
The process: UX breakdown; identifying the bottlenecks and problems. Redesigning a user journey and test it (with iterations). Wireframing and testing. UI Design. Final tests.
Prototype of the application showing one of the customer journeys
The process: UX breakdown of site. Apply "quickwins" (since our first mission was to do small improvements on their site). Brand identity breakdown. Rework their brand. Apply to website together with the quickwins.
The brand framework with full UI kit
The prototype of how to search and book a ticket. See video below for full animation
Our main focus for this was to allow the UI to breathe more. So the
- More than 80% increase of unique users.
- 100% mobility and seamless transitions between platforms.
- Unified and user-centric design.
One long, tough, bloody start-up year as a lead designer at Stample. This included many different hats such as user experience and interface - designer, almost all integration, team managment & product managment.
Learning React, LESS and Github rules was a great challenge in the beginning. The biggest challenge working here was also to handle and create desirable interaction design with such a complex product. So far the biggest and absolutely most complex challenges I've met. In other words - FUN! Have a look.
Lead-Design Product-Manager Start-up UX UI
PS. A lot has changed since I left.
"Working closely with Daniel in shaping both our brand and product we came to appreciate his talent, thoughtfulness and dedication. His knowledge and taste is inspiring, and we're very happy with the transformation he achieved."
Thibaut Gimenez, VP of Sales, Stample
This is a personal project I've been working on for a couple of months. It aint really done yet, but a basic version is out on AppStore today!
It's all about saving hotspots around town into your personal map. Drop a pin, describe it, tag it and frame it! Make sure you take a look!
Design WIP Personal UX UI Application Interaction-design
A thorough UX flowchart of version 1.5.
The screens seen above are the result of a redesign that's currently happening.
A promo-video in progress
One of the promo-videos
We were contacted by Advise Care who is a seller of insurance of multimedia objects (mobiles, cameras, tablets etc.) on a B2B platform. Although they wanted to branch out and enter the B2C market with a new product and identity.
Our goal was to allow people to insure quickly, simply their personal multimedia objects. Through discussions we understood Advise Care didn't want their future customers to be confronted with small text clauses but to convey transparency. It's currently in the process of being built.
My role on this project was design lead. To have an overview of the UX side and hands on design & interaction design. The UX designers are Maxime Castelli and Samson Blond.
Lead-Design Product-Manager Team-Leader Branding
- Communicate transparency, simplicity and reliability via their new way of being insured.
- Create an identity and brand.
- Define the user journey.
- Create a dialog with potential customers.
We felt the first step was to deepen our understanding of personal object insurance, so we decided to do some research in:
1. What existing personal multimedia insurance companies there were; 2. How were they showcasing their insurance; 3. Understand what platform (desktop or mobile) people felt most comfortable using when looking to buy insurance; 4. What people would like to feel from a brand who deals with insurance; We found that existing companies, through their design, believed that users were reluctant and skeptical to engage fully when it comes to insurance. Because we saw many insurers concentrating on minimising clicks for the user to obtain an insurance quote. Thus the user would get a clearer idea what they get for their money, because it was based on the quotes information not on a preconceived idea.
User-flow of the website together with actions
Keeping in line with our user centred approach to all projects we start off with a brainstorm session about what is needed to make a decision. We found ourselves coming back to the question ‘do users want all the information at once, or prefer to be able to see what information they need to make a purchase?’
We collated the information from the brainstorm and started to piece together the archetypes and then specified our personas. Starting with identifying their pain points by categorising the user objectives and Parachut’s previous market research. We used the moscow (Must/Should/Could/Won’t) method to decide what components are fundamental for the site.
Our main persona, Julie
We agreed that prioritising one persona (Julie) was the best way forward because with no prioritisation of personas we would only complicate the process and not create a coherent product.
So Julie was chosen, her pain point ‘being confused about insurance and not able to trust an insurance to pay when making a claim’.
We believed if we could help her then everyone will be better off.
We sketched the desktop and mobile website with the UI and marketing teams; because we knew how the site was going to be used, who was going to use it, what content was needed to be seen and when and how it was going to be digested.
From sketching, to prototyping, to final design
Lastly, we created a prototype with invision because we wanted to user test the design and for Advise Care to understand their new potential product.
We created a test group which closely resembled the personas we created. We found that most people felt comfortable to create a quote based on the content they saw; which ticked one of our key goals of creating a dialog with the customer; we believed this would lead them to becoming a retention level user. Which would give us the opportunity to remind them on the progress of their insurance with notifications.
We also gained another insight; in order for people to have a trusting mindset towards the insurance, people needed to be able to learn more about the company itself – not just the offer details. We decided to highlight the company's previous awards and their partnerships. On further tests this issue was no longer brought up.
Video showing complete animation of the Landing page
Video showing complete Quote Maker
Video showing complete Discover page
The focus here relied heavy on colors of the year (2017), vibrant and bold. It was important to stand out as much as possible and to have a "younger" brand language. Also to incorporate the notion of having fun and being active.
The complete branding guidelines
We knew that with insurance it was going to be a hard task to engage users. Although with our process of putting the user at the centre of the project and concentrating on what they needed and wanted, helped engagement levels to rise.
For us we learnt applying a stepped approach we could then tweak at every step with Advise Care’s input. Our next challenge will be to continue testing our process and perfecting it for our next customer.
Key take aways:
- User centric wording in the menu increased the interactions by 46% (words such as we as opposed to us).
- By showcasing testimonials, users felt more at ease to continue browsing the rest of the site and find out more.
- We found users prefer to read information on mobile and then continue their purchasing on desktop.
- Having small sections of text helps the user to stay retentive for longer.
Crédit Agricole is one of the biggest banks in France. They have developped a rich and vast network of incubators for start-ups, all around the country. In June, they launched a brief for the redesign of this website that holds and showcases each and every Village (as they're called). The following design is given to, and accepted by, Crédit Agricole – and is currently under development.
The idea was to propose a design and a navigation that highlights the dynamism as well as the effervescence of the life of the villages. To bring the user back into this adventure by inviting them to choose the a story (start-up, partner or neutral) from which they wish to discover the Village by Ca on their arrival. This made the dominant colorimetric change as well as content to enable more targeted story-telling. The content, as well as the interactions of start-ups and partners gives the life to the site, which is why the design is clean and predominantly white.
With me on this mission was Valentine Avondo Bedone.
Design Product-Manager Branding Art Direction Interaction Design
The Village by CA has around 30 incubators all around France and the
- Guide the users to discover the all the villages.
- Unify the different stories.
- Make sure that the user easily understands what each village does and get a consice insight.
- Find an appropriate design that makes a fairly complex product, feel unified.
Snap shot of how the white dominant color plays with the color of a category (in this case start-up; red & black for neutral.
Color category for partners
Events and social life of a Village
An example of the quick and dirty wireframes
One of the site maps
The header- how the user gets to choose what story to follow.
General interactions of the landing page
The brief was packed with complex requirements and rules, so the
- Not to use political colors (blue, red etc).
- Test smaller interactons with real users, as opposed to close to finished prototypes.
- Users respond positive and understood quickly that the site was devided.
- Never assume that users wants to be guided at every step.