![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 61 61" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="yHXMKUJ74-296730566-linear-gradient" x1="0" x2="1" y1="1.1102230246251565e-16" y2="0.9999999999999999"><stop offset="0" stop-color="rgb(145, 42, 175)"/><stop offset="1" stop-color="rgb(38, 39, 89)"/></linearGradient></defs><g d="M 48.424 0 L 12.576 0 C 5.631 0 0 5.631 0 12.576 L 0 48.424 C 0 55.369 5.631 61 12.576 61 L 48.424 61 C 55.369 61 61 55.369 61 48.424 L 61 12.576 C 61 5.631 55.369 0 48.424 0 Z M 35.551 18.095 L 32.741 21.587 C 32.196 22.265 32.304 23.256 32.981 23.801 L 36.474 26.61 C 36.8 26.872 37.216 26.994 37.631 26.949 C 38.046 26.904 38.426 26.696 38.688 26.37 L 41.497 22.877 C 42.042 22.2 41.935 21.209 41.257 20.664 L 37.764 17.854 C 37.087 17.31 36.096 17.417 35.551 18.095 Z M 28.313 29.429 C 28.411 29.043 28.366 28.621 28.154 28.252 L 25.912 24.367 C 25.479 23.617 24.512 23.357 23.762 23.791 L 19.877 26.032 C 19.127 26.465 18.867 27.433 19.3 28.183 L 20.02 29.426 L 28.313 29.426 C 28.21 29.837 27.944 30.188 27.577 30.4 L 23.693 32.642 C 22.942 33.075 21.975 32.816 21.542 32.065 L 20.017 29.426 L 12.624 29.426 C 12.624 39.268 20.603 47.247 30.445 47.247 C 40.287 47.247 48.266 39.268 48.266 29.426 L 28.309 29.426 Z M 35.852 37.701 L 34.733 42.043 C 34.516 42.881 33.654 43.389 32.815 43.174 L 28.473 42.055 C 27.635 41.838 27.127 40.976 27.342 40.137 L 28.461 35.795 C 28.678 34.957 29.54 34.45 30.379 34.664 L 34.721 35.783 C 35.559 36 36.066 36.862 35.852 37.701 Z" fill="transparent" height="61px" id="ONqNkOacS" width="61px"><path d="M 48.424 0 L 12.576 0 C 5.631 0 0 5.631 0 12.576 L 0 48.424 C 0 55.369 5.631 61 12.576 61 L 48.424 61 C 55.369 61 61 55.369 61 48.424 L 61 12.576 C 61 5.631 55.369 0 48.424 0 Z" fill="url(%23yHXMKUJ74-296730566-linear-gradient)" height="61px" id="yHXMKUJ74" width="61px"/><path d="M 3.157 0.588 L 0.348 4.08 C -0.197 4.758 -0.09 5.749 0.588 6.294 L 4.081 9.103 C 4.406 9.365 4.822 9.487 5.237 9.442 C 5.652 9.397 6.033 9.189 6.294 8.863 L 9.104 5.37 C 9.649 4.693 9.541 3.702 8.864 3.157 L 5.371 0.348 C 4.693 -0.197 3.702 -0.09 3.157 0.588 Z" fill="rgb(255, 255, 255)" height="9.451036969297634px" id="ne3WEyxld" transform="translate(32.394 17.507)" width="9.45144708817081px"/><path d="M 15.689 5.848 C 15.787 5.462 15.742 5.04 15.53 4.671 L 13.289 0.786 C 12.855 0.036 11.888 -0.223 11.138 0.21 L 7.253 2.451 C 6.503 2.885 6.243 3.852 6.676 4.602 L 7.396 5.846 L 15.689 5.846 C 15.586 6.256 15.32 6.608 14.953 6.82 L 11.069 9.061 C 10.318 9.495 9.351 9.235 8.918 8.485 L 7.393 5.846 L 0 5.846 C 0 15.687 7.979 23.667 17.821 23.667 C 27.663 23.667 35.642 15.687 35.642 5.846 L 15.685 5.846 Z M 23.228 14.12 L 22.109 18.462 C 21.892 19.301 21.03 19.808 20.191 19.594 L 15.849 18.474 C 15.011 18.258 14.503 17.395 14.718 16.557 L 15.837 12.215 C 16.054 11.376 16.916 10.869 17.755 11.083 L 22.097 12.203 C 22.935 12.42 23.442 13.282 23.228 14.12 Z" fill="rgb(255, 255, 255)" height="23.6667775851207px" id="irF63is9L" transform="translate(12.624 23.581)" width="35.642483404919744px"/></g></svg>)
Render of Bowl Studio running with strater kit
Bowl Studio
Converge the needs of developers and design teams in a common software solution
Lead UX and UI for the conception of the new software
Context
Epicnpoc is a software and services company that creates software tools for managing technology in complex environments, such as concept cars, smart homes, and retail. Our goal is to support our clients from the Epic (concept) to the POC (Proof of Concept). The Services division helps clients define their project objectives so that they can be specified to developers for integration into the final prototypes. Epicnpoc's vision has always been clear: to move from a services business to a product business by providing a unique management software tool that enables all actors to work together.
Missions
My first mission at Epicnpoc was to rethink the company's software. It began with understanding and familiarizing myself with the current version of the software. The second part consisted of imagining and defining the features and agreeing on a timeline for their implementation. Next came the exploration and formalization of the functionality and customer journey we wanted to implement. Without forgetting the customer projects we were running in parallel, which we used as a basis for our development.
Realisations
1_Understand developper's creation process
The first step is to understand from the developers the way they developed it and how they used it
2_Define features and timeline
The next step is to define the futur process of the software and how features can be implemented
Describe your experience
Develop your technical configuration
Export your project to digital or physical Setups
Demonstrate, test and get feedbacks
Iterate until you reach the best experience
3_Formalise features for MVP
Define the main features to create your project and begin to play with it
*Click on the features to change the preview.
4_Demonstrate ecosystem and get feedbacks
Create content to support the intentions and gather feedback with our client
Promote the ecosystem and its full potential at CES
Refine MVP to gather feedbacks from our customers
Made with:
Valentin
Hassenforder
5_Develop final interface and it's environement
Define final interface and final ecosystem
Final product
Challenges
The V1 of the software developed by the developers is 100% technical, making it difficult to change its use without starting from scratch.
Difficulty in changing the developers' vision of the software's objectives and functionality.
Difficulty gathering feedback outside of our customers.
The common vision from the beginning gradually disappeared, leading to a separation between the software team and the project team.
What I learned
Working as closely with user requirements as with developer constraints.
Product development process.
Developing our tools in line with the company's evolving vision.
Tools
Workshop
To build the new version of our software, we have to understand how V1 of the software is built and used by our developers.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 21 22" xmlns="http://www.w3.org/2000/svg"><path d="M 15.217 0 L 12.163 0 L 14.875 4.407 L 9.138 0 L 6.08 0 L 8.795 5.775 L 3.058 0 L 0 0 L 2.668 7.454 L 0 22 L 3.058 22 L 8.793 6.403 L 6.08 22 L 9.137 22 L 14.875 5.036 L 12.162 22 L 15.217 22 L 21 3.367 Z" fill="rgb(5, 0, 56)" height="22px" id="HCgJwnXNr" width="21px"/></svg>)
Miro
Road map, benchmarking, research, interviews, and feature definition. Most of my research and reporting work was done using Miro.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 400 600" xmlns="http://www.w3.org/2000/svg"><g d="M 0 500 C 0 444.772 44.772 400 100 400 L 200 400 L 200 500 C 200 555.228 155.228 600 100 600 C 44.772 600 0 555.228 0 500 Z M 200 0 L 200 200 L 300 200 C 355.228 200 400 155.228 400 100 C 400 44.772 355.228 0 300 0 Z M 199 300 C 199 244.772 243.772 200 299 200 C 354.228 200 399 244.772 399 300 C 399 355.228 354.228 400 299 400 C 243.772 400 199 355.228 199 300 Z M 0 100 C 0 155.228 44.772 200 100 200 L 200 200 L 200 0 L 100 0 C 44.772 0 0 44.772 0 100 Z M 0 300 C 0 355.228 44.772 400 100 400 L 200 400 L 200 200 L 100 200 C 44.772 200 0 244.772 0 300 Z" fill="transparent" height="600px" id="lqI1NsGuA" width="400px"><path d="M 0 100 C 0 44.772 44.772 0 100 0 L 200 0 L 200 100 C 200 155.228 155.228 200 100 200 C 44.772 200 0 155.228 0 100 Z" fill="rgb(36, 203, 113)" height="200px" id="Bi5VAIt0B" transform="translate(0 400)" width="200px"/><path d="M 0 0 L 0 200 L 100 200 C 155.228 200 200 155.228 200 100 C 200 44.772 155.228 0 100 0 Z" fill="rgb(255, 114, 55)" height="200px" id="naO01cTkh" transform="translate(200 0)" width="200px"/><path d="M 0 100 C 0 44.772 44.772 0 100 0 C 155.228 0 200 44.772 200 100 C 200 155.228 155.228 200 100 200 C 44.772 200 0 155.228 0 100 Z" fill="rgb(0, 182, 255)" height="200px" id="vPUT23idP" transform="translate(199 200)" width="200px"/><path d="M 0 100 C 0 155.228 44.772 200 100 200 L 200 200 L 200 0 L 100 0 C 44.772 0 0 44.772 0 100 Z" fill="rgb(255, 55, 55)" height="200px" id="Htfbzk2lX" width="200px"/><path d="M 0 100 C 0 155.228 44.772 200 100 200 L 200 200 L 200 0 L 100 0 C 44.772 0 0 44.772 0 100 Z" fill="rgb(135, 79, 255)" height="200px" id="h6FkP0Tbt" transform="translate(0 200)" width="200px"/></g></svg>)
Figma
From initial wireframes to final software versions, Figma remains the best tool for building the interface of our solution.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg"><path d="M 10.008 12.419 L 4.427 12.419 L 3.287 15.732 C 3.257 15.859 3.137 15.944 3.002 15.93 L 0.181 15.93 C 0.016 15.93 -0.029 15.845 0.016 15.676 L 4.847 2.608 C 4.892 2.467 4.937 2.312 4.997 2.143 C 5.057 1.847 5.087 1.537 5.087 1.226 C 5.072 1.156 5.132 1.085 5.207 1.071 L 9.093 1.071 C 9.213 1.071 9.273 1.114 9.288 1.184 L 14.763 15.704 C 14.808 15.859 14.763 15.93 14.613 15.93 L 11.478 15.93 C 11.373 15.944 11.268 15.873 11.238 15.774 Z M 5.297 9.558 L 9.108 9.558 C 9.018 9.262 8.898 8.909 8.763 8.543 C 8.628 8.162 8.493 7.753 8.358 7.33 C 8.208 6.893 8.073 6.47 7.922 6.033 C 7.772 5.596 7.637 5.188 7.517 4.779 C 7.397 4.384 7.292 4.018 7.187 3.679 L 7.157 3.679 C 7.022 4.285 6.857 4.892 6.647 5.498 C 6.422 6.174 6.197 6.879 5.957 7.584 C 5.747 8.303 5.522 8.966 5.297 9.558 Z M 18.109 3.538 C 17.614 3.552 17.134 3.369 16.774 3.045 C 16.429 2.693 16.249 2.227 16.264 1.748 C 16.249 1.269 16.444 0.818 16.804 0.493 C 17.164 0.169 17.644 0 18.139 0 C 18.724 0 19.174 0.169 19.504 0.493 C 19.834 0.832 20.014 1.283 19.999 1.748 C 20.014 2.227 19.834 2.693 19.474 3.045 C 19.129 3.383 18.619 3.567 18.109 3.538 Z M 16.429 15.774 L 16.429 4.92 C 16.429 4.779 16.489 4.722 16.624 4.722 L 19.594 4.722 C 19.729 4.722 19.789 4.793 19.789 4.92 L 19.789 15.774 C 19.789 15.93 19.729 16 19.594 16 L 16.654 16 C 16.504 16 16.429 15.915 16.429 15.774 Z" fill="rgb(255, 154, 0)" height="16px" id="LlUg9_zqf" width="20px"/></svg>)
Illustrator