https://francoisgustin.com francoisgustin.com Thu, 17 Sep 2020 10:00:49 +0000 https://francoisgustin.com en http://francoisgustin.com/About Thu, 17 Sep 2020 10:00:49 +0000 francoisgustin.com 384811 About me page About me page http://francoisgustin.com/CAT-Vending-machine Wed, 16 Sep 2020 12:14:54 +0000 francoisgustin.com 384743 FRANÇOIS GUSTINUX/UI Designer CAT Vending Machine I had the opportunity to design the vending machine for the CAT (City Airport Train)&nbsp;in Vienna. The CAT is a high-speed train that connects Vienna’s city center to the international airport. While the interface and screen layout were predefined, my role focused on designing the outer shell and overall formof the machine. <img width="2560" height="1920" width_o="2560" height_o="1920" src_o="https://cortex.persona.co/t/original/i/82c9f89ed5837884667871c9ec7543742cfe3ab5d238a053b768cdbaa5ed5f60/P1260156.JPG" data-mid="1403553" border="0" /> Research &amp; Sketches I began with formal research and sketching, exploring how the machine would fit into its environment—considering placement, visibility, facing direction, graphic application, and user orientation within busy spaces like the airport and train station.<img width="3322" height="1247" width_o="3322" height_o="1247" src_o="https://cortex.persona.co/t/original/i/75d4511464a11131556b8d2f70a9a8bd25b73b22f92b60d44eaeb1fc0fd0b5de/sketch-Board.jpg" data-mid="1403555" border="0" /> Concept Development After exploring multiple ideas, I developed three design directions: Concept 1: The Folder To stand out in a visually busy environment, this concept introduced a tab-like extension&nbsp;that signals the machine’s function. The shape also allows multiple machines to be placed side by side while maintaining strong individual visibility. <img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/6df4776583dcfa305e42b64044992a20178f860e141d3cc56835c812753be4ac/Folder_1.png" data-mid="1403662" border="0" /> <img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/48344474f86f9897899eac387cfd6325cc3f1798177c5e9cb503493c0ef33390/Folder_2.png" data-mid="1403658" border="0" /> <img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/4669e1c5ad18d500176eb7337d49b5c74f6fa5fb257ab63de866b960313e6af0/Folder_3.png" data-mid="1403659" border="0" /> Concept 2: The Tripod This concept transformed the machine into a mini-kiosk, improving visibility through a larger presence. The three-sided structure provided space for advertising and train schedules, turning the machine into a multifunctional info point. <img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/b975b239f0e8a456b9e3eff7c6cdf4c179260707e2920a49691a5386ff79dee2/Triangle_1.png" data-mid="1403661" border="0" /> <img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/47b25ca9fb59b9ba0f3ea6e159b2104c98954d192da760d150728a87b75bacc7/Triangle_2.png" data-mid="1403666" border="0" /> <img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/ecb6b23cc84e9d904a6071ec0460f08436538dc318da032f9c2540e4ac35a1ab/Triangle_3.png" data-mid="1403664" border="0" /> Concept 3: The “C” This was the selected concept, inspired by the CAT logo and the silhouette of the train itself. The “C” shape offers a curved, folded form that enhances both visibility and branding. Its flexibility allows for wall placement or standalone use, with large surfaces for clear graphic integration. <img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/e3ab2a021d27b0e712c542230ad52203fcb812cd24827e3850a9fd8fbd3b5191/The-C_1.png" data-mid="1403660" border="0" /> <img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/65fffa8ea150ef9ebdd5bffbeacc7fb6aaf929bad6823adbd947836dd23cc222/The-C_2.png" data-mid="1403665" border="0" /> <img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/9d92a105f75da4b271746293978b65ad45dcde1a116f5afab33f8e7c721b6485/The-C_3.png" data-mid="1403663" border="0" /> <img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/e4bd9a95c0e0b55642738300c5c06748880c9b6a9a97ee9aee05ecee4eb535f4/C_1.png" data-mid="1403791" border="0" /> The footprint of the machine is based on the CAT logo shape&nbsp;<img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/457b2103d2269cfb960a4cd84165ffaa0573418b75d08a0a8b30027d0baae2d1/C_2.png" data-mid="1403789" border="0" /> The design allows to orient the machine towards passengers main flow&nbsp;<img width="880" height="880" width_o="880" height_o="880" src_o="https://cortex.persona.co/t/original/i/7b224ddebeeaee49818ac54d3028465b0c89b033597dc3e5d9371e1862ac227d/C_3.png" data-mid="1403790" border="0" />The “C” concept can&nbsp; Prototype The prototype was built in the ÖBB workshop, using a single sheet of metal&nbsp;to wrap the entire structure. I was closely involved in verifying that the details and finishes matched the design intent and 3D plans. <img width="1804" height="1804" width_o="1804" height_o="1804" src_o="https://cortex.persona.co/t/original/i/406f1a80103557b392ade2cc00a534fbafb171613a7c06cb370ff481071c5a98/planche.png" data-mid="1403765" border="0" /> <img width="2448" height="3264" width_o="2448" height_o="3264" src_o="https://cortex.persona.co/t/original/i/7374952e94cdf2b8cf062c41230d462cdf2ce0443fe2e718a5d284a5323a5761/IMG_0381.JPG" data-mid="1403550" border="0" /> Final Product Around 20 machines&nbsp;were produced and installed at&nbsp;Wien Mitte station&nbsp;and&nbsp;Vienna International Airport. The final design balanced functionality, strong visual identity, and environmental integration, making the machines both practical and iconic. <img width="2560" height="1920" width_o="2560" height_o="1920" src_o="https://cortex.persona.co/t/original/i/d49dc84cdbc5245af41ed5ec58acda80c6898355ac552c85786a3cac8865e093/P1260158.JPG" data-mid="1403554" border="0" /> <img width="3264" height="2448" width_o="3264" height_o="2448" src_o="https://cortex.persona.co/t/original/i/a21492bd2a696ac360cd00c3e7f50076eeae5e2607213b8fa0a92ebb2dd2ba12/IMG_1974.JPG" data-mid="1403563" border="0" /> <img width="1920" height="2560" width_o="1920" height_o="2560" src_o="https://cortex.persona.co/t/original/i/bec799c7e923a24a56b7f1553ee94c0abea9d880d96a789b070b01ce90503c3b/191022_CAT-machine-01.jpg" data-mid="1403549" border="0" /> &nbsp;Home page  FRANÇOIS GUSTINUX/UI Designer CAT Vending Machine I had the opportunity to design the vending machine for the CAT (City Airport Train)&nbsp;in Vienna. The... http://francoisgustin.com/Mavie Wed, 16 Sep 2020 11:55:45 +0000 francoisgustin.com 384741 FRANÇOIS GUSTINUX/UI Designer MAVIE Mavie, a sister company of the Uniqa Group, is dedicated to transforming digital health services. I joined the team early on as the UX Design Lead, serving from February 2021 to December 2024, and played a key role in building the brand from the beginning. In this position, I focused on developing a user-centered design approach and creating a cohesive brand identity. My work ensured that our products aligned with Mavie’s mission to make healthcare more accessible and trustworthy. <img width="1200" height="1200" width_o="1200" height_o="1200" src_o="https://cortex.persona.co/t/original/i/aac0ad098c7f82cada1bd082e3df42cf533a48c6d441c9a6d43a4194195fa1c1/M-logo.png" data-mid="1410828" border="0" /> Brand Creation Research : To better understand our target audience, Mavie conducted a Gallup survey with over 1,000 participants across 100 EU countries. The survey focused on testing potential names and gauging expectations for future digital health services.Insights : The results were insightful: our primary audience is female, seeking trust, proximity, and simplicity in their health services. They are also highly sensitive to data privacy issues My Role:Developing the brand identity for Mavie was both an exciting and challenging task. Under the guidance of CEO Lukas Mayer and in collaboration with IAM Studio, we crafted the concept of the Mavie Line. The Mavie Line reflects the ups and downs of life, symbolizing Mavie’s commitment to supporting our users every step of the way. <img width="1254" height="924" width_o="1254" height_o="924" src_o="https://cortex.persona.co/t/original/i/08d46c329818c985ff31cb0d8de9c931269088f1032addadc24df0602d45634a/logo.png" data-mid="1402362" border="0" /> <img width="1254" height="924" width_o="1254" height_o="924" src_o="https://cortex.persona.co/t/original/i/80522c4be4144aea4f97eb4b4f3dfbd826779c661921ce781cf11faad1a09e90/palette.png" data-mid="1402365" border="0" /> <img width="1254" height="928" width_o="1254" height_o="928" src_o="https://cortex.persona.co/t/original/i/78136ad6a8452f054e6667ff088814633eb235aca1e3457d90238ba5467f047e/line.png" data-mid="1402361" border="0" /> <img width="1254" height="928" width_o="1254" height_o="928" src_o="https://cortex.persona.co/t/original/i/238ba311b3a135cca60f2a419fe2e459787ea3be56f807e3b21f55a4704aaf0d/Typo.png" data-mid="1402360" border="0" /> Design:With these insights, we designed a round-shaped logo that is friendly and familiar, using warm colors to create a welcoming atmosphere. Our goal was to convey a lifestyle mood, distinct from the cold, tech-focused feel often associated with health services. Feedback during testing was positive, with users finding the brand reliable and close to their needs, even if it didn't appear overly innovative. <img width="1274" height="356" width_o="1274" height_o="356" src_o="https://cortex.persona.co/t/original/i/da85364ff715775e49f26b7794a8ef6de23fa5583d6d32ff5a61b5c139a941ea/Illustration-2.png" data-mid="1402363" border="0" /> <img width="1274" height="356" width_o="1274" height_o="356" src_o="https://cortex.persona.co/t/original/i/df8594bdf9a4425ab446f4a90c0e626dde86ae1a5708f39171c466cf13bb046c/Illustration-1.png" data-mid="1402364" border="0" /> Mavie Design system My role: As the leader of the design system initiative, I recognized the need for a cohesive and scalable approach to design across Mavie's various projects. Purpose: Mavie is structured into several independent squads, each responsible for developing and validating different business ideas. To ensure consistency and facilitate the integration of validated projects under the Mavie brand, I proposed and built a design system.→ Link to April design system on Figma <img width="3642" height="3639" width_o="3642" height_o="3639" src_o="https://cortex.persona.co/t/original/i/86468559fc89f36190e9346372e391dcc41c5941d7e91dcae9eb546cd82df1be/compo-pers-3.png" data-mid="1402279" border="0" /> <img width="756" height="663" width_o="756" height_o="663" src_o="https://cortex.persona.co/t/original/i/3cfed6879e3f6dbb80ae0c161f0a542e39ab3cb57254eac4b8f7e9d87fd2277f/Stack-grey.png" data-mid="1402278" border="0" /> Benefits: There are several benefits to this design system: it ensures consistency across all touchpoints, enhances accessibility, and allows for the quick reuse of components. Technical stack: We based our design system on the well-known SHADCN Next.js UI kit library, adapting the components to fit Mavie's design language, which we call “April”. These components are documented and integrated into Storybook, making them easily accessible for developers. Design Challenge: Mavie Me Problem: One of the significant challenges we faced was integrating Mavie Me, a blood test service, into our existing design system. Mavie Me has a distinct design, with different colors, fonts, and a unique logo. Initially, we attempted to integrate it using variables, but the color palette hierarchy and structure did not align with Mavie's.Solution: To overcome this challenge, we decided to add a variant to our components, specifically for Mavie Me. This solution allowed us to maintain the integrity of both brands while ensuring consistency within the design system. <img width="2833" height="1120" width_o="2833" height_o="1120" src_o="https://cortex.persona.co/t/original/i/6e60f428a74252cee4395bb53717d2eb3040cea38f3ba336f059c0d1721fc614/Date-Picker.png" data-mid="1402122" border="0" /> Evolving Design SystemProcess: Our design system is a constantly evolving project. As new components are designed for various projects, we evaluate their potential for reuse. Only components that can be reused across multiple projects are integrated into the design system. This approach ensures that our system remains lean and efficient, focusing on components that provide the most value.<img width="2048" height="914" width_o="2048" height_o="914" src_o="https://cortex.persona.co/t/original/i/9792ed81347e1caea8c06cd2edffd54bc8d51b2f9624accac29f9ed3631a58a0/DS-Process.png" data-mid="1402128" border="0" /> Use case: enera Enera aims to simplify the payment process for medical bills in Austria. By subscribing to Enera, users receive a card to manage all their medical expenses seamlessly. Enera advances the payment and handles reimbursements through public and private insurance, ensuring users only pay the remaining balance.Role as a UX Designer : The leadership preferred not to brand the service as Mavie, opting for the temporary name "Enera." However, from a design perspective, we were tasked with integrating Enera into the Mavie ecosystem, utilizing components from our existing design system. <img width="446" height="780" width_o="446" height_o="780" src_o="https://cortex.persona.co/t/original/i/8ad43098f0ae706bfdf4cedc3ec51bdbc95ce42e2811661f68313980359bd318/screen-enera.png" data-mid="1411837" border="0" /> Challenge : The billing and administrative process is inherently complex, but our goal was to simplify the client-side experience. The primary pain point was the onboarding process for the service. <img width="2871" height="1327" width_o="2871" height_o="1327" src_o="https://cortex.persona.co/t/original/i/8cc9c567586246b3b29b578146e04b143e1c6ad0f637efbcf42ff1a92f3965c4/user-journey.png" data-mid="1410829" border="0" /> Enera Onboarding (Main UX Challenge) :&nbsp; While the Enera onboarding process is intricate, it was essential to incorporate Mavie account registration into the flow. The onboarding process includes the following steps: Selecting a planEntering personal dataProviding insurance detailsAdding a co-insured person (optional)Uploading invoicesCard payment Outcomes : Through iterative testing of different sequences and wording (usability tests and feedback sessions), we successfully enhanced user engagement during the Enera onboarding process. This effort significantly reduced drop-off rates, particularly at the plan selection and payment steps. •Optimized Registration: Simplified the complex registration process, resulting in a 20% increase in successful subscriptions. •User-Centric Design: Focused on creating a swift and straightforward process, effectively managing drop-off rates and building user trust. Next Project  FRANÇOIS GUSTINUX/UI Designer MAVIE Mavie, a sister company of the Uniqa Group, is dedicated to transforming digital health services. I joined the team... http://francoisgustin.com/LesAnciennes-com Wed, 16 Sep 2020 11:55:37 +0000 francoisgustin.com 384740 FRANÇOIS GUSTINUX/UI Designer LesAnciennes.com LesAnciennes.com (literally "the-old-ones.com") is a well-known online marketplace for vintage cars. As a classic car enthusiast and frequent user, I was curious to explore ways to improve user engagement on the platform. Challenge : How might we create a new feature to improve user retention and increase ad revenue? <img width="474" height="316" width_o="474" height_o="316" src_o="https://cortex.persona.co/t/original/i/76b29492eeddcf4800b8b35bfc7d83cd16430c8e64909f5ce33892a819e08850/Alfa-Romeo-Giulietta-Spider-474x316-a0f735ae95c2d253.jpg" data-mid="1403518" border="0" /> Product Analysis To get a clear picture of the platform, I mapped out the Information Architecture. This helped me understand how content was organized and where a new feature could be meaningfully integrated. <img width="11350" height="3285" width_o="11350" height_o="3285" src_o="https://cortex.persona.co/t/original/i/f3caa01b63c371c814fed95bd51e2be292756dd23704b3aed0329024d7790763/LesAnciennes-AI.jpg" data-mid="1403524" border="0" /> Concept &amp; Sketches Gamify&nbsp;: My idea was to introduce a gamified experience&nbsp;tailored to car lovers—many of whom regularly visit the site just to browse or discover new models. I proposed a series of small quizzes directly connected to real ads on the platform: Recognize the car modelIdentify the engine soundSpot the car detailGuess the motorization <img width="2383" height="1696" width_o="2383" height_o="1696" src_o="https://cortex.persona.co/t/original/i/c94bb00f9c0f4ce89e739017ab7a82fc1922670537a953380a2bfe65e661e3e5/sketch-1.png" data-mid="1403523" border="0" /> The twist : each quiz result would link to a real ad for a car matching the correct answer. I began by sketching the user flow and interface on paper to test the idea before moving into wireframes. <img width="2383" height="1689" width_o="2383" height_o="1689" src_o="https://cortex.persona.co/t/original/i/3729b669479dade54727327057346e9faf8ba7b0aec508021bf7d96377d55780/sketch-4.png" data-mid="1403521" border="0" /> First Testing <img width="1754" height="895" width_o="1754" height_o="895" src_o="https://cortex.persona.co/t/original/i/a509272e11aa3f62662d92b39fd39ee4a4e281a04d574d6c21fec972bf62bc5a/mockup-1.jpg" data-mid="1403519" border="0" /> I conducted usability tests and feedback interviews with 5 participants. The game concept was well-received, but overall engagement was difficult to measure since most testers weren’t part of the core audience. Feedback focused mainly on UI clarity, which I used to iterate on the design. <img width="2500" height="1562" width_o="2500" height_o="1562" src_o="https://cortex.persona.co/t/original/i/5d671fe5e48cd62149dac93aa582db8ab5a9b9db0669c6b0bc7f72493d528b53/usability-test-Christian.jpg" data-mid="1403520" border="0" /> Second Prototype : <img width="3508" height="1680" width_o="3508" height_o="1680" src_o="https://cortex.persona.co/t/original/i/12b37d9be8bb8c6f0af8b444fd64b3a03e8cc861f68b281e812937d0aa2b5370/Four-screens.jpg" data-mid="1403522" border="0" />In this second version, I refined the interface to feel more modern and visually engaging. I also improved the game experience, making it more interactive and better aligned with the platform’s content. In Conclusion I pitched the concept to the site owner, who was intrigued by the idea. However, after further research, the development costs were too high&nbsp;to justify investment at that stage. Instead, the team chose to implement an auction feature, which better matched their roadmap. Next Project&nbsp; FRANÇOIS GUSTINUX/UI Designer LesAnciennes.com LesAnciennes.com (literally "the-old-ones.com") is a well-known online marketplace for vintage cars. As a... http://francoisgustin.com/Moonshot-pirate Wed, 16 Sep 2020 11:55:28 +0000 francoisgustin.com 384739 FRANÇOIS GUSTINUX/UI Designer MOONSHOT PIRATES Moonshot Pirates global educational platform dedicated to empowering young leaders and changemakers across various sectors.&nbsp; They offer a range of Boot Camps and initiatives aimed at fostering innovation, entrepreneurship, and the development of 21st-century skills among youth from over 150 countries. Moonshot Pirates asked me and a group of students from the Talent Garden to design a platform or feature to keep Pirates engaged after Moonshot Pirate Bootcamp. Team Member: Andrea Kislova, Friederike Seppeler, Wolfgang Fargel. <img width="1237" height="820" width_o="1237" height_o="820" src_o="https://cortex.persona.co/t/original/i/4a0ba3ea23ed39ba61a6d96461ae8523dd53fd3a1dd35ccf7d9e4e693c1923a6/Header-portfolio-moonshot.jpg" data-mid="1402830" border="0" /> Primary Research Survey : We had the chance to start run a survey to learn what young people think about innovation and how they go about starting a project or idea. We also asked how they feel about entering the working world. Survey’s executive summery:&nbsp;Number of participants: 167Age of the participants: between 16 and 19 years old&nbsp;Country: Slovakia&nbsp;Number of questions: 26 <img width="779" height="779" width_o="779" height_o="779" src_o="https://cortex.persona.co/t/original/i/f8eaa972fa440d8b4e07f5f38f8444e0ea272bd7a8f934d7adcd5469f1aae827/stat-1.svg" data-mid="1411519" border="0" /> 57% of 18 years have no idea of their future creer path. <img width="780" height="779" width_o="780" height_o="779" src_o="https://cortex.persona.co/t/original/i/0c41c2c9e062c32f0dffc1c9d1802fa62d79037334186ad2dd71088e9d29fdc4/stat-2.svg" data-mid="1411518" border="0" />81% of young people have a field of interest, but only 18% have an idea of how to turn it into a future job. <img width="779" height="779" width_o="779" height_o="779" src_o="https://cortex.persona.co/t/original/i/7e81ae7c7ed9de5d686039a350845adeabc4022f9a1ef791697f939aee0b3f77/stat-3.svg" data-mid="1411517" border="0" />53% have an innovative idea they'd like to develop. &nbsp; Interviews :The insights we gathered from the survey helped us shape an interview script designed to dive deeper. Our goal was to identify pain points and uncover meaningful perspectives on how to better support young people in developing their own business ideas.Interview’s executive summery: Number of participants: 15Age of the participants: between 14 and 19 years old Country: Austria-Germany-Poland-Slovakia Number of questions: 25 “The Exchange with others and seeing what they are doing would help me finding my passion.” - Lisa, 16, Germany “I don’t really see the value of me working alone on an idea. I would like to work with others and get input and some inspiration by different people.” - Marko, 17, Slovakia Design phase After completing the research phase, we translated our insights into action. The key takeaway: young users crave interactive and collaborative experiences. We decided to create a live content platform where participants—called "pirates"—could&nbsp;apply to projects, either solo or in groups, and&nbsp;explore, comment, and engage&nbsp;with other pitches and submissions. Brainstorming We ran two focused brainstorming sessions to evaluate and select the strongest concept. Once the direction was clear, we worked on simplifying the idea to its core—prioritizing clarity and usability to maximize engagement and retention among the pirates. <img width="888" height="888" width_o="888" height_o="888" src_o="https://cortex.persona.co/t/original/i/e0addf1289d147f2c0a55c562c6657bc0f525509f1d9f4212ae635f499ef925b/white-board.png" data-mid="1402835" border="0" /> Paper Wireframes With a clear concept in mind, we moved to paper. We sketched out every major step and screen of the app to organize our ideas and align on the user journey before moving to higher fidelity. <img width="888" height="888" width_o="888" height_o="888" src_o="https://cortex.persona.co/t/original/i/a91859e35a3e226aa3548bea1b680e922fe210223dbae507c41bdb4d476db824/paper-wire-frame_1.png" data-mid="1402834" border="0" /> Testing &amp; Iterations Our paper mockup allowed us to conduct rapid usability testing with 5 users. The feedback was immediate and actionable. Based on their input, we quickly iterated and refined the design, going through&nbsp;three rounds of improvements&nbsp;to ensure the platform felt intuitive and engaging. <img width="841" height="840" width_o="841" height_o="840" src_o="https://cortex.persona.co/t/original/i/c17678c752bd6946c58feabfcf096974e3c0a95efadb7c92ffb83d0a96d28883/paper-model-testing.png" data-mid="1402836" border="0" /> Low-resolution Wireframe<img width="9126" height="3126" width_o="9126" height_o="3126" src_o="https://cortex.persona.co/t/original/i/a16489037c116aaba4b62272c4b6679e37bd5ef0f4e2d7b58c9c47adf29acd14/Low-res-Wire-frame.png" data-mid="1402873" border="0" /> Building on the final paper prototype, we created the first low-fidelity wireframe in Figma. This step helped us define the structure of each screen more precisely, map out navigation patterns and gesture interactions, and begin optimizing the overall layout. We also conducted another round of testing to ensure the user journey felt logical and intuitive&nbsp;before moving forward. High Resolution MockupWe developed a clickable high-resolution prototype in Figma, integrating the Moonshine Pirate logo while creating an original branding for our “Accelerator” product. Our goal was to convey&nbsp;fun, energy, and innovation—so we went for a bold 80’s-inspired visual style designed to resonate with our young, creative audience. The look &amp; feel helped bring the concept to life and made the experience stand out. <img width="863" height="863" width_o="863" height_o="863" src_o="https://cortex.persona.co/t/original/i/91bf9e3bc7cfa11ee4fc2009af03f6816ecc37a92c0dc5a2807998fbbda4c57f/mockup.png" data-mid="1402876" border="0" /> <img width="863" height="863" width_o="863" height_o="863" src_o="https://cortex.persona.co/t/original/i/9428fc21fe43108347d309a38fed8e5ab899ec7453787221612c7059a4186d13/mood.png" data-mid="1402875" border="0" /> Final Phase To validate our concept, we conducted in-depth testing sessions with two real “pirates”&nbsp;from our target group. Through direct feedback and open interviews, we gained valuable insights into how they interacted with the prototype, what excited them, and where we could still improve. These real-user perspectives were essential to refine our final design. Interviews Feedback : <img width="160" height="160" width_o="160" height_o="160" src_o="https://cortex.persona.co/t/original/i/61d0d7ffb91b576609695b9f25530e210c5f5eb4d00305bdae4df4bd0cef3885/Zaha.png" data-mid="1403348" border="0" />Zahra - 17 years oldLondon, UK “Yeah so this just feels like normal social media app, working perfectlyfor me” “It’s kind of like tik-tok, instagram... “ &nbsp;👎 can be better :Introduction video of the app when initially opened to explain modalityUpload button to not be forced to create video in this appPossibility to edit caption of video &nbsp;👍 that’s great :Progress bar clearly indicates where I am and what’s upcomingMentor &amp; Help button are clearStraight forward approach and simplicity of useSupport through mentors and helping resources <img width="160" height="160" width_o="160" height_o="160" src_o="https://cortex.persona.co/t/original/i/af3ec2d5c912c48479fe2634a714dcf0c38916fc1eb520ffa974444f93021906/Rhys.png" data-mid="1403347" border="0" />Rhys - 16 years oldBristol, UK "Great to have one place with all the challenges — easy to choose from and join, alone or with friends." 👎 can be better : I miss an Home Screen or menue where I can view&nbsp; my profile, settings, challenges I have participated in.Explanation of the prompter functionality is missingI would like to be able to edit teh name of the pitch 👍 that’s great :The workflow is super clear (task, steps, videos, pitch)Pink action buttons are always clear on all screensSpace design with orbit looks really coolWorking remotely with friends on inspiring challenges is a great feature Next Project  FRANÇOIS GUSTINUX/UI Designer MOONSHOT PIRATES Moonshot Pirates global educational platform dedicated to empowering young leaders and changemakers... http://francoisgustin.com/Shopperly Wed, 16 Sep 2020 11:55:13 +0000 francoisgustin.com 384738 FRANÇOIS GUSTINUX/UI Designer SHOPPERLY Brief: Project for Talent Garden UX design Bootcamp scholarship: “Imagine a mobilephone concept service experience for elderly people in an average sized city.” Problem: How to create a online grocery store and delivery service in a middle size city that is quick enough to deliver users in the same day. <img width="1958" height="1592" width_o="1958" height_o="1592" src_o="https://cortex.persona.co/t/original/i/59f1aa1c2784d046d8cf9eb71221e044ceda4fd4939fca5b726cf23757235afe/map-3.png" data-mid="984109" border="0" data-scale="100"/> Main idea Concept: Shopperly is an online online grocery store service with a clever neighbourhood pick-up system. The users of the application form a community of local pick up points for each other’s. After the check-out, Shopperly always ask you for „Delivery“ or „Pick-up at a Neighbour“. When you choose „Delivery“, the application proposes you to become a pickup point against Shopperly points. <img width="1089" height="1177" width_o="1089" height_o="1177" src_o="https://cortex.persona.co/t/original/i/8ae10fadeca84e2822fb70af24a0decdb16bde4db159622dba31871b5f400133/concept.png" data-mid="1413276" border="0" />Delivering Delivery model: To be fast and efficient, Shopperly uses a well improved delivery system. Self- employed shoppers pick and deliver orders for Shopperly users, we call them Shoplivers. Shopperly‘s clients lives in mid-size cities. This allows the service to only use environmentally friendly vehicles: The environment: Shoplivers do not rejects CO2. Shopperly helps Shop-livers to acquire environmentally friendly vehicles, those are leased to the shop-livers who can used them privately and thus contributes to cities low gas emissions. <img width="1936" height="1976" width_o="1936" height_o="1976" src_o="https://cortex.persona.co/t/original/i/d4da428f9b165716e110f64108c665ab3511b53718235a96fa8bb0056ba6de4f/Delivery-model-diagram_1.jpg" data-mid="982344" border="0" />The role of a Shopliver is: • &nbsp; to shop for items in stores following the app instructions • &nbsp; to pay and organize client batch in sealed Shopperly bags• &nbsp; Deliver orders to the client following the App instructions Requirements and benefits to be a Shop-liver: • &nbsp; Independent contractors - Set your own work &nbsp;&nbsp; hours.• &nbsp; Preferential access to Cargo bike or small EV &nbsp;&nbsp; Leasing program.• &nbsp; Own an iPhone 5 or Android 5.0 or newer• &nbsp; Able to lift 13–18 kg without accommodation•. &nbsp;Bonus system during Peak hours.Ordering<img width="3414" height="1830" width_o="3414" height_o="1830" src_o="https://cortex.persona.co/t/original/i/26c2f190768f911fe40ad238f234474bff6fa914c6654a50883477ac681048e8/Diagram-ordering.jpg" data-mid="982429" border="0" /> An interface made for elderly people: • &nbsp; Simple and reduced design • &nbsp; Manual search throw 4 screens • &nbsp; 3 different ways to find your product • &nbsp; Large icons, large buttons • &nbsp; Breadcrumb navigation Pick ups <img width="3344" height="2132" width_o="3344" height_o="2132" src_o="https://cortex.persona.co/t/original/i/9bbc0a4ad945bc0d5c7d8299852166a2d5af786ae885015def35c6a83de517aa/Diagram-delivery.jpg" data-mid="982428" border="0" data-scale="97"/> Points and Conclusion Shopperly keeps track of your activity: Pick-ups, delivery, distance walked, products that you buy, etc...&nbsp; This allows the application to establish a profile of your habits and help the user to address his essential needs. Shopperly‘s philosophy is to encourage healthy and ethical behaviours. Shopperly service experience uses instant gratification in order to encourage the user to make the right choice for him and the planet. By picking product with *,choose to pick-up or to be a pick-up point, Shopperly rewards you with cash money and preferred prices. The service is profitable for all: • &nbsp; Users save on delivery cost • &nbsp; Vendors Increase business volume • &nbsp; Service application optimizes deliveries<img width="1974" height="1512" width_o="1974" height_o="1512" src_o="https://cortex.persona.co/t/original/i/518ed8517124fb2bede212cf50b6fd1ff954a7151886c8c0d6cc1e1ba95fc0a3/Final-screens-shopperly.jpg" data-mid="982345" border="0" data-scale="66"/> Next Project&nbsp; FRANÇOIS GUSTINUX/UI Designer SHOPPERLY Brief: Project for Talent Garden UX design Bootcamp scholarship: “Imagine a mobilephone concept service experience... http://francoisgustin.com/Home-Page Mon, 17 Aug 2015 23:34:03 +0000 francoisgustin.com 384736 FRANÇOIS GUSTIN UX/UI Designer Hello, I’m a UX/UI and Product Designer with a background in Industrial Design. I craft intuitive, meaningful user experiences built on a strong design foundation. → Dowload my Resume as PDF <img width="882" height="837" width_o="882" height_o="837" src_o="https://cortex.persona.co/t/original/i/761ba336d407184ab0c0143e01c510f951a886966d033491ba98de0d00994473/Profile-photo-round-square-2.png" data-mid="982905" border="0" data-scale="48"/>&nbsp;&nbsp; Mavie UX Research Branding UX/UI design Design System My work as Lead UX Designer at Mavie (2021–2024).
 From shaping the brand to building the design system and crafting seamless user experiences across platforms — here’s a deep dive into my journey at Mavie.<img width="620" height="620" width_o="620" height_o="620" src_o="https://cortex.persona.co/t/original/i/18c3a72aa673014f29a1adca67e72caa3509982286833a15ee9d102d05f7ba8c/Mavie-thumbnail-anim1-1.gif" data-mid="1406301" border="0" /> Shopperly UX/UI Design Branding An online delivery service with a clever neighborhood pick-up system.
 The concept connects users in urban areas to form a network of local pick-up points — making deliveries more flexible and community-driven. <img width="620" height="620" width_o="620" height_o="620" src_o="https://cortex.persona.co/t/original/i/179fbc9a0a9779b35cc84e9749a21e267aa7efcabafc8451b2aecf4fdf40cf04/Thumbnail-Shopperly.png" data-mid="1403248" border="0" /> Moonshot Pirates&nbsp;UX/UI Design Branding UX Research A global movement empowering young changemakers.
Moonshot Pirates runs bootcamps for teens to turn bold ideas into real-world projects. Our student team created a solution to keep the "pirates" engaged online between events. <img width="672" height="672" width_o="672" height_o="672" src_o="https://cortex.persona.co/t/original/i/fc439c78a1950135e2f17c07b4865aa90b215ec7862d64fb5ca01ac2469f45fc/Moonshot-Thumbnail.png" data-mid="1403227" border="0" /> LesAnciennes.comUX/UI Design UX Research Gamifying a vintage car classifieds website.
 As a classic car enthusiast and frequent user of LesAnciennes.net, I designed a gamified experience to boost engagement and user retention. <img width="620" height="620" width_o="620" height_o="620" src_o="https://cortex.persona.co/t/original/i/d2a19e8aabb98b3a4dd779adfdb5c24bdf37c894cb6f84fc6fbed393b10a5576/Thumbnail-LesAnciennes.png" data-mid="1403273" border="0" /> CAT city airport trainIndustrial Design Designing for 1 Million+ annual passengers.
I redesigned the ticket vending machine for the CAT at Vienna International Airport — balancing usability, clarity, and traveler expectations. <img width="620" height="620" width_o="620" height_o="620" src_o="https://cortex.persona.co/t/original/i/f399d346b22448b5c30a658683178eefd9da74d14ffe5753b140f473a73b41c9/Thumbnail-CAT.png" data-mid="1403299" border="0" /> All Trademarks and Logos in this portfolio are property of their respective owners FRANÇOIS GUSTIN UX/UI Designer Hello, I’m a UX/UI and Product Designer with a background in Industrial Design. I craft intuitive, meaningful user...