Nice to
meet you.
I design experiences for Users People
and Products Digital Journeys
as a UX Architect
and Products Digital Journeys
as a UX Architect
using emotional design principles and
sprinkling a touch of wonder along the way
Projects I am proud of
I recently faced a complex project conflict within our team. It was clear that resolution was needed, so I took the initiative. First, I assessed the situation and realized it was beyond my control. I decided to escalate the issue to our project sponsor, who had the authority to intervene effectively.
Simultaneously, I identified a team member with expertise in the area related to the conflict. I delegated the task of gathering detailed data and potential solutions to expedite the resolution process. This allowed us to address the issue efficiently while keeping our sponsor informed.
In the end, our sponsor's intervention, combined with the team member's efforts, led to a swift and successful resolution. This experience reinforced the importance of knowing when to escalate and delegate, ensuring smoother project management.
AR App - UX/UI Architecture
Roles: Product Designer & Developer, UI/UX, Mobile App Developer, Graphic Designer.
Timeline: 3 months (Oct - Jan 2021)
Tools: Figma, Blender 3D, Skype
Overview
In a world that's increasingly driven by technological innovation, there's a growing need for educational tools that not only inform but engage. That's where this Augmented Reality (AR) app comes into play. This app was designed to allow users to experience the intricacies of the human muscle system in motion, serving a profound purpose - to revolutionize the way we learn about and understand the marvel of our own bodies.
It featured a gallery of different action movement states, an interactive 3D view mode where the user could understand how different muscles interacted with each other while the selected motion was playing and a Detail Card screen that provide textual information about the selected muscle group.
Context
I was approached by the client to conceptualize, design and develop an AR app that would allow users obtain a deeper understanding of our own biology, fostering curiosity, and preparing a new generation for a future where education is limited only by the boundaries of imagination. The goal of the project was to design an app that would function well and look beautiful across all devices and also in the browser, following conventional mobile app structure and considerations.
Competitive Analysis
The initial phase of my design process involved conducting a comprehensive market research analysis of existing applications within the same or similar domain. This endeavor aimed to discern and extract essential attributes that facilitate seamless user navigation in addressing this potentially intricate subject matter. It also served to identify prevailing strengths and opportunities aligning with the client's requirements. Subsequently, this research needed a series of iterative analyses, laying the foundation for the phases of UI Design and Content Strategy development that would follow.
User Personas
I engaged with and conducted in-depth interviews with a number of active members of human biology enthusiast and AR app communities. This research was pivotal in gaining deep insights into their unique requirements and objectives. Subsequently, I crafted precise user personas, born from the richness of my user interactions, to provide a vivid and authentic portrayal of our users' aspirations, necessities, and behaviors within the realm of human biology. Below are examples of these.
Minimum Viable Product
Subsequently, I meticulously compiled the prerequisites, delineating the essential functionalities to incorporate into my application. My process involved collating user narratives, derived directly from my defined Personas, as well as defining the core components of my Minimum Viable Products (MVPs).
The MVP was conceived as a strategic tool, enabling me to quickly subject my initial designs to user scrutiny, thereby obtaining invaluable insights at the outset of the design journey. This approach ensured that any potential issues and user considerations were promptly identified and addressed, setting a solid foundation for the project's evolution.
User Flow Diagram
Wireframing
Leveraging my user personas, user flows, and MVPs as a guide, I sketched out wireframes. Through several productive sessions, I meticulously curated the designs that I believed best aligned with the MVP's objectives, to later transform them into interactive prototypes using Figma.
Prototype
User Testing
Employing my prototypes, I enlisted the assistance of 5 individuals from the community for remote moderated usability testing on my designs. During the testing sessions, I guided them through a set of tasks aimed at understanding their thought patterns and assessing their ability to achieve the MVP objectives. This provided a valuable opportunity to gather their feedback on what they appreciated and what didn't quite resonate with the prototype.
Following the user interviews, I carefully organized and rated the issues I identified, using Jakob Nielsen's error severity rating system. This allowed me to figure out which problems were the most critical and needed attention. From there, I came up with fresh ideas and solutions to enhance my designs, all aimed at making the user experience better in the next iteration.
I used UsabilityHub for a Preference test to figure out which font style users preferred. It turned out that a whopping 86% of users liked the design with a sans-serif font over a serif font. They found it more readable and thought it matched the app's tone better.
Flexidao | CFEscore - Custom Developed ELM microsite Development and UX Design
Roles: Product Designer & Developer, UX/UI, Web App Developer, Graphic Designer.
Timeline: 4 months (Oct 2021 - Mar 2022)
Tools: Figma, Adobe Illustrator, VS Code, Git
Overview
FlexiDAO is a leading European climate tech startup, shaping the energy transition by providing end-to-end carbon–free energy solutions for energy buyers and sellers. For them I developed a web app for managing Energy and Emissions data in one place, helping their customers reduce time and cost for their Scope 2 reporting and inventory management.
The app features a wizard-like multi-screen form where the user inputs data about their energy usage and the app would calculate, as a result, various related parameters and display important information.
Context
In my capacity as a Product Designer, I had a dual focus: enhancing the client's experience and orchestrating a well-defined development roadmap for the app. My role extended to both designing and developing the product. I adhered to established UI design principles and conventional web design patterns throughout the process to ensure a seamless user experience.
Goal & research
The primary goal of this app is to provide users with an efficient and user-friendly platform for inputting data related to their energy usage. The app will then use this input to calculate various parameters, such as energy consumption, cost, and environmental impact. Users will be presented with clear, comprehensible information about their energy usage and receive personalized recommendations on how to improve energy efficiency. By achieving this, the app aims to empower users to make informed decisions about their energy consumption and contribute to a more sustainable and cost-effective energy usage.
Because clients were industry users, they cared less about how it looked. They were better served with a UX that provided ease of use and speed. This was the main focus during all the improvements we made.
Mockups
Style Guide
I aimed to bring the users' preferences for a straightforward user interface into the webapp. Simplicity was at the heart of the design, and this was reflected in the choice of a basic color palette. To capture the essence of eco-friendliness and positivity, I opted for shades of green, symbolizing ecology and nature, and yellow, representing the sun and light. Green is often associated with sustainability and a sense of harmony with the environment, while yellow exudes warmth, optimism, and energy. These colors not only align with the app's energy-consumption-awareness theme but also create a style and atmosphere that I aimed to instill in our users.
The chosen palette wasn't limited to just the app's UI; I extended it to the graphics as well. This added a sense of sobriety and consistency to the overall design while infusing a dynamic and fun element into the app's screens. This approach not only ensures a harmonious visual identity that "feels eco-friendly" but also provides a touch of vibrancy that resonated with our test users.
Atomic Design System
The design system is meticulously structured around the principles of Atomic Design, a well-established methodology for creating cohesive and scalable design systems. To foster a seamless transition from design to development, we have seamlessly integrated Figma mockups with a comprehensive set of front-end code naming conventions.
Within this design system, we've established a robust framework that encompasses rigorous naming conventions, fundamental core interactions, and a keen focus on scalability for all components. This ensures not only design consistency but also facilitates an efficient development process that aligns perfectly with our project's requirements.
UI / Visual Design
For this job I also worked as a UI Designer, where I created the UI components and also the app graphics. There was a lot of exploration and stakeholder management to be done. I was part of a SCRUM team with a product owner, business analyst, a tester and 4 developers.
Before sketching out wireframes, I first did an in-depth analysis of existing webapps, focusing on the use of UI elements and patterns as well as interactivity. I analyzed 3 similar UIs.
Activities
User Research / Data
Designing user flows
Facilitating workshops
Defining User Personas
Content Strategy
Interaction Design
Creating lo-fi prototypes
Validation research
Creating hi-fi designs in Figma
Design hand-off and design governance
Development
With a strong blend of technical expertise, creativity, and a user-centric approach, I am confident in my ability to deliver exceptional design solutions. Here's why I believe I am the perfect fit for the UI/UX role:
Extensive Experience: With several years of experience in the UI/UX field, I have successfully designed and implemented intuitive user interfaces and engaging user experiences for diverse projects. My comprehensive understanding of UI/UX principles, methodologies, and industry best practices allows me to create designs that seamlessly blend aesthetics with functionality.
User-Centric Mindset: I firmly believe that the user should be at the heart of every design decision. By conducting thorough research, gathering user insights, and employing usability testing techniques, I ensure that the end product meets the needs, desires, and expectations of the target audience. I am committed to creating intuitive and delightful experiences that leave a lasting impression.
Collaborative Approach: Collaboration is key to delivering outstanding UI/UX solutions. I thrive in multidisciplinary teams, working closely with developers, stakeholders, and other designers to bring ideas to life. My effective communication skills, combined with my ability to understand and synthesize diverse perspectives, enable me to foster a collaborative environment that leads to exceptional design outcomes.
Continuous Learning: The field of UI/UX is ever-evolving, and I am dedicated to staying at the forefront of industry trends, emerging technologies, and design tools. I consistently seek opportunities for professional development, attend conferences, and participate in design communities to expand my knowledge and skills. I bring a growth mindset and a passion for innovation to continuously improve and deliver cutting-edge design solutions.
I am ready to bring my expertise and creativity to your organization, contributing to the development of exceptional user experiences that leave a lasting impact!
S&J Engines Engine Remanufacturer - Website Redesign
Roles: Product Designer & Developer, UX/UI, Web App Developer, Graphic Designer.
Tools: Figma, Google Meet
Overview
Rebranding and rethinking UX and UI, reimagining how users buy services from the client.
Solution
Our aim for this online website redesign project, is to craft a digital experience that not only empowers and excites users during their visit but also lays the foundation for a long-lasting, trust-based relationship with the shop, extending over many years.
Objectives
Enhance User Experience: Improve the overall website user experience to make it more engaging, intuitive, and enjoyable for visitors.
Increase Information Accessibility: Ensure that users can easily access comprehensive information about engine remanufacturing services, products, and the shop's expertise.
Establish Trust: Build trust by showcasing the shop's reliability, expertise, and commitment to quality remanufactured engines.
Encourage Long-Term Engagement: Foster a sense of community and loyalty among users, encouraging repeat visits and long-term engagement with the website.
Boost Conversions: Increase the conversion rate of website visitors into customers by simplifying the inquiry and purchase process.
Goal
The primary goal of this website redesign project is to transform the online presence of the engine remanufacturer into an empowering, engaging, and trust-building platform. Client’s demography are males, aged 30 to 65. This is over 90% of the clientele. We aim to establish the website as a dependable resource for customers seeking information and services, ultimately nurturing long-term relationships and fostering an increase in conversions.
The process
Research
Conducted interviews with key stakeholders to gain insights into the intended site audiences.
Engaged in interviews with diverse site audience members to understand their website usage patterns.
Explored the competitive landscape and examined similar platforms for benchmarking and analysis.
Information Architecture
A crucial aspect I considered is the Information Architecture (IA) for this project, to define how the information was going to be organized, labeled, and navigated to ensure that users can find what they need with ease and efficiency. The goal was to create a structure that not only organizes content logically but also ensures that users can easily access the information they seek, ultimately contributing to an enhanced user experience. Here are some key strategies I implemented:
User-Centered Organization: I structured the information architecture with the user in mind, ensuring that content is organized according to how users naturally think and search for information.
Clear and Intuitive Navigation: To facilitate easy navigation, I designed a clear and intuitive menu system. This involved categorizing content hierarchically, making use of dropdown menus when necessary, and using labels that resonate with the target audience.
Content Grouping: I employed content grouping techniques to cluster related information together. This helps users find information quickly and efficiently, enhancing their overall experience.
Search Functionality: In addition to navigation, I incorporated an effective search feature that allows users to locate specific information with ease. The search function is designed to return relevant results and guide users to the content they need.
Consistency Across Platforms: To ensure a seamless user experience, I worked on maintaining consistency in the information architecture across various platforms, including desktop and mobile devices.
Scalability and Future-Proofing: The information architecture was designed with future growth in mind. It's scalable to accommodate additional content and features as the website evolves.
User Testing: Throughout the project, I conducted user testing sessions to validate the effectiveness of the information architecture. This helped in identifying pain points and areas for improvement, which were subsequently addressed.
UI Design & Multivariate testing
Iterating through several design variations, I carefully considered the client's feedback while aligning their requests with user-centric parameters to ensure that the end product consistently addresses the needs of their users.
When integrating new features, I consistently put forward a range of options designed for performance testing, all aimed at achieving our project objectives. Collaborating closely with the stakeholders, I methodically executed these tests and closely observed them until a clear, optimal solution emerged.
UI Design
Iterating through several design variations, I carefully considered the client's feedback while aligning their requests with user-centric parameters to ensure that the end product consistently addresses the needs of their users.
Nord Bikes - Advanced Product Configurator
Roles: Product Designer & Developer, UX/UI, Web App Developer, Graphic Designer.
Tools: Adobe Photoshop, Adobe Illustrator, Skype
Advanced Product Configurator
UX / UI. Design and Development. Frontend & PHP/XML Backend connected to a Magento Shop and Inventory.
Web: JavaScript, TypeScript, SASS, XML, Bootstrap, jQuery, REST, API, Web standards, cross-browser and mobile.
CMS: Magento
Project Management: Visio, Jira.
Operating Systems: Linux.
Website design - S&J Engines
Web Design - CFEScore
UI Design - showcase & presentation
UI Design - Webapp
About me
I am a UX Architect, Designer, and Developer with a background in Fine Arts, Music and Composition. My expertise is based in the following pillars:
Design
My primary focus revolves around the transformation of business challenges into readily deployable designs. I specialize in the realms of UX, interaction design and development, shaping seamless and user-centered solutions.
Facilitation
I bring a wealth of experience to workshop facilitation. My expertise lies in crystallizing precise objectives, establishing clear expectations, and connecting the most fitting individuals to tackle the challenge at hand.
Leadership
I lead teams in discerning the pivotal questions, concentrating on the essentials, and delivering exceptional user experiences through research and design.