Showcase projects

Cengiz Ulusoy

<img src="/images/mapxact-1.jpg" />

MapXact is dedicated to enhancing the safety and efficiency of ground work by visualising subsurface data through advanced ground radar surveys and cutting-edge technologies, including AI.

<img src="/images/mapxact-2.jpg" />

Hudson is a frontend application designed for human-machine interaction through a handheld touch device, integrated with a ground radar hardware suite. During an active ground scanning session (data acquisition), large amounts of data are produced and displayed in real-time on the frontend application. This visualised data, known as a radargram in industry standards, is saved in the SEGY file format.

<img src="/images/mapxact-3.jpg" />

At MapXact, I played a crucial role as a designer and developer, enhancing the software for visualising subsurface data through advanced ground radar surveys. My work focused on improving the user interface and experience of the frontend application, built with ReactJS, NextJS, ReactFiberJS, ThreeJS, D3, Google Material Design, and MapBox. This application, used on a handheld touch device integrated with ground radar hardware, facilitates human-machine interaction. I managed large amounts of real-time data and redesigned the interface to modernise frameworks and improve usability.

<img src="/images/mapxact-4.jpg" />

The Hudson release candidate, scheduled for the end of 2023, required several fixes, upgrades, and enhancements requested by operations. Following this, a redesign and refactoring phase was planned to improve user experience, modernise frameworks and libraries, and clean up the codebase.

<img src="/images/mapxact-5.jpg" />

**UX Audit & User Feedback:**
- Conducted a comprehensive UX audit to identify issues in the current software.
- Interviewed users (operators) and stakeholders to gather feedback and feature requests.

<img src="/images/mapxact-6.jpg" />

**Backlog Management & Feature Planning:**    
- Assisted management in creating and prioritising backlog items for features and enhancements.
- Ensured iterative development aligned with the product roadmap.

**Workshops & Vision Alignment:**
- Organised workshops to define and align the product vision, user journeys, and roadmap.
- Facilitated sessions to refine new features and ensure alignment with user needs.

**Implementation & Testing:**
- Implemented improvements and enhancements in the Hudson software made with ReactJS, NextJS, ReactFiberJS, ThreeJS, D3, Google Material Design and MapBox, focusing on ground radar functionality and advanced mapping.
- Conducted field user tests with operators to validate design and functionality.

**Redesign & Refactoring:**
- Led the redesign and refactoring of Hudson, adopting Google Material Design for the new UI.
- Utilised the "design tokens" methodology for consistent UI and codebase integration.

**Completion & Handover:**
- Successfully rebuilt the frontend application with the new user interface.
- Completed the consulting task with the final delivery of the updated Hudson software.

<hr />

### **Tools & Methodologies:**

**UX Tools & Methodologies**: 
Research, Usability Testing, Personas, Wireframing, Prototyping, Figma, Design system, Customer journey mapping, User flows and diagrams, User stories

**Frontend Development**: 
Google Material Design, TypeScript, JavaScript, ReactJS, NextJS, CSS, D3, ThreeJS, ReactFiberJS, MapBox, ReactMapGL, ArcGIS, Git

**Process & Agile Methodologies**: 
Scrum, ClickUp, Azure

**Skills**: 
User experience, User interface design, Product development, Frontend engineering, Mobile applications, Cognitive psychology, Coaching, Problem solving, Communication, Consulting

**Industry Specific**: 
GIS, Hardware & Machinery, R&D

At MapXact, I enhanced subsurface data visualization software by improving the UI and UX of a ReactJS-based frontend application for handheld devices. I managed real-time data, modernized frameworks, and facilitated better human-machine interaction.

MapXact

<img src="/images/joz-1.jpg" />

JOZ, a leader in modern barn cleaning, has been at the forefront of innovating manure and feed pushing systems for livestock farmers around the globe for over 70 years. Their cutting-edge solutions are designed to reduce farmers' workloads and enhance animal welfare, driven by continuous advancements in technology and design.

<img src="/images/joz-2.jpg" />

The JOZ Management System (JMS) is a versatile online platform that oversees their autonomous farm robots, catering to diverse user needs worldwide. Recognising the need for a new version of JMS with enhanced features, I was tasked with researching user requirements, identifying new functionalities, and addressing current issues within the system.

<img src="/images/joz-8.jpg" />

JOZ tasked me with researching user requirements, identifying new functionalities, and addressing current issues within their Management System (JMS). I conducted comprehensive user research, developed personas and user journeys, and created a detailed site and navigation map. My efforts culminated in the delivery of responsive visual designs for multiple platforms and a comprehensive design system featuring JOZ-specific custom components.

<img src="/images/joz-4.jpg" />

**User Research & Requirements Analysis:**
- Conducted comprehensive research on users and their needs for the new version of JMS.
- Identified and documented new feature requirements to address current issues in JMS.

<img src="/images/joz-9.jpg" />

**Personas & User Journey Mapping:**    
- Defined detailed personas and user journeys to understand user profiles and their workflows.
- Created story mappings to clearly delineate user flows and necessary steps for task completion.

<img src="/images/joz-5.jpg" />

**Problem Analysis & Information Architecture:**    
- Analysed the existing issues in JMS to identify areas of improvement.
- Developed a new information architecture, including data inventory analysis, categorisation, and prioritisation.
- Created a detailed site and navigation map for the new JMS.

<img src="/images/joz-7.jpg" />

**Wireframing & Prototyping:**    
- Designed wireframes tailored to the needs of defined personas and user flows.
- Ensured precise segmentation of information and navigation to facilitate seamless user experiences.

<img src="/images/joz-3.jpg" />

**User Testing & Validation:**    
- Conducted two rounds of user tests with interactive prototypes to validate assumptions and designs.
- Incorporated feedback and new ideas from user tests into the design iterations.

<img src="/images/joz-6.jpg" />

**Final Deliverables:**    
- Delivered responsive visual designs for mobile, tablet, and desktop platforms.
- Developed a comprehensive design system (library) featuring JOZ-specific custom components and their variations.

<hr />

### **Tools & Methodologies:**

**UX Tools & Methodologies**: 
Research, Usability testing, Personas, Wireframing, Prototyping, Figma, Draw.io, ProtoPie, Design system, Customer journey mapping, User stories

**Frontend Development**: 
Twitter Bootstrap, ReactJS

**Skills**: 
User experience, User interface design, Cognitive psychology, Consulting, Problem solving, Communication

**Industry Specific**: 
Robotics, Hardware & Machinery

JOZ tasked me with improving their Management System (JMS) by researching user needs and identifying new functionalities. I delivered responsive designs and a comprehensive design system with JOZ-specific components.

<img src="/images/sweco-1.jpg" />

Sweco, an international engineering company renowned for its work in architecture, infrastructure, and GIS software in Europe, embarked on a project to redesign and redevelop one of its core GIS software products, which has been a staple for over 25 years.

<img src="/images/sweco-9.jpg" />

At Sweco, I contributed to the redesign and redevelopment of a core GIS software product within a web application built with ReactJS, Twitter Bootstrap, and OpenLayers. I conducted extensive research to define requirements, facilitated sessions to map user journeys, and developed wireframes and interactive prototypes. My role also included frontend development, integrating custom UI widgets and components, and enhancing user interface elements.

<img src="/images/sweco-6.jpg" />

**Research & Requirement Definition:**
- Conducted extensive research to define requirements, facilitated sessions for mapping user journeys, and developed wireframes and interactive prototypes.
- Established a complete backlog for the new application based on gathered requirements.

<img src="/images/sweco-3.jpg" />

**Persona & User Journey Mapping:**
- Facilitated sessions with the team to define personas, customer journeys, and user flows.
- Designed wireframes and produced prototypes to guide decisions on navigation mapping.

<img src="/images/sweco-4.jpg" />

**Wireframing & Prototyping:**
- Created detailed wireframes based on defined user journeys and flows.
- Developed interactive prototypes to validate navigation and application structure.

<img src="/images/sweco-5.jpg" />

**Application Development:**
- Developed a ReactJS application utilising Twitter Bootstrap and OpenLayers for GIS-specific implementations.
- Collaborated with the development team to build a single-page application, incorporating numerous custom UI widgets and components.

<img src="/images/sweco-2.jpg" />

**UI/UX Design:**
- Designed user interface elements and interactions to enhance user experience.
- Ensured that the new application maintained feature richness while transitioning from desktop to web-based.

<img src="/images/sweco-8.jpg" />

<hr />

### **Tools & Methodologies:**

**UX Tools & Methodologies**: 
Research, Wireframing, Prototyping, Sketch, Draw.io, InVision, Personas, Customer journey mapping, A/B testing, User stories, Design system

**Frontend Development**: 
Twitter Bootstrap, ReactJS, TypeScript, JavaScript, OpenLayers, Git, CSS

**Process & Agile Methodologies**: 
Scrum, UX/Backlog sessions,

**Skills**: 
User experience, User interface design, Frontend engineering, Consulting, Cognitive psychology, Problem solving, Communication

**Industry Specific**: 
GIS, Infra

At Sweco, I helped redesign and redevelop a core GIS software product using ReactJS, Twitter Bootstrap, and OpenLayers. I defined requirements, mapped user journeys, created prototypes, and developed custom UI components for the frontend.

Sweco

<img src="/images/thesting-1.jpg" />

The Sting is a prominent Dutch fashion brand with both online and offline stores. In response to the shift from offline to online retailing, The Sting focused on developing advanced e-commerce platforms integrated with supply chain, banking, and marketing systems. 

<img src="/images/thesting-2.jpg" />

In the competitive e-commerce market, standing out requires a seamless online presence and excellent user experiences, which are crucial for customer satisfaction and retention.

<img src="/images/thesting-3.jpg" />

At The Sting, I was tasked with translating business requirements into user-friendly designs for their advanced e-commerce platforms. I created wireframes and prototypes, collaborated closely with the development team, and maintained regular communication with stakeholders. My responsibilities included implementing features within the same sprint and assisting in recruiting a replacement to ensure continuity.

<img src="/images/thesting-4.jpg" />

**Translation of Business Requirements:**
- Collaborated closely with the product owner to translate business requirements into user-friendly designs.
- Engaged in discussions with stakeholders to align on design goals and objectives.

<img src="/images/thesting-5.jpg" />

**Wireframing & Prototyping:**
- Created wireframes and prototypes to visualize and iterate on design concepts.
- Documented design specifications for feature development, ensuring clarity and consistency.

<img src="/images/thesting-6.jpg" />

**Lean-UX:**
- Worked alongside the development team to implement features efficiently within the same sprint.
- Practiced Lean-UX principles to streamline the design and development process.

<img src="/images/thesting-7.jpg" />

**Stakeholder Communication:**
- Maintained regular communication with stakeholders to gather feedback and ensure alignment with business goals.
- Adjusted designs based on stakeholder input and user testing results.

<img src="/images/thesting-8.jpg" />

**Recruitment Assistance:**
- Assisted management in recruiting a replacement, ensuring a smooth transition of responsibilities.
- Provided training and guidance to the new hire to maintain continuity in design processes.

<hr />

### **Tools & Methodologies:**

**UX Tools & Methodologies**: 
Sketch, InVision, Prototyping, Wireframing, Visual design, Design systems, Personas, Customer journey mapping, Usability testing, User interviews, A/B testing, User stories

**Process & Agile Methodologies**: 
Lean-UX, Scrum, Jira, Confluence

**Skills**: 
User experience, User interface design, Cognitive psychology, Consulting, Coaching, Recruitment, Problem solving, Communication

**Industry Specific**: 
E-commerce, Retail

At The Sting, I translated business requirements into user-friendly designs for their e-commerce platforms. I created wireframes, collaborated with developers, communicated with stakeholders, implemented features, and assisted in recruiting a replacement for continuity.

The Sting

<img src="/images/kpn-1.jpg" />

KPN is a leading media and telecommunications company in the Netherlands, offering video on demand and linear TV solutions through specific hardware and embedded software. To keep up with technological advancements and the rise of 4K TV resolution, KPN embarked on developing new software for its entertainment and TV guide system.

<img src="/images/kpn-2.jpg" />

At KPN, in a small team of professionals, we created complete greenfield designs for 4K TV software. These designs are the groundwork for the upcoming TV software release. Alongside the preparation and execution of continuous user tests, I combined my software development skills with UX design work, enabling me to create many prototypes that helped better validate and test design approaches. Moreover, I delivered many motion-related works for user testing and communicated these to other disciplines. I also provided consultations to the organisation in design processes and mentored other junior designers.

<img src="/images/kpn-3.jpg" />

**4K TV:**
- Developed new designs for KPN TV to support 4K resolution.

<img src="/images/kpn-4.jpg" />

**Prototyping & Motion:**
- Developed interactive clickable prototypes, running on Raspberry Pi's with KPN TV remote, to test and refine designs.
- Developed motion graphics to enhance user experience and facilitate communication with other disciplines.

<img src="/images/kpn-5.jpg" />
<img src="/images/kpn-6.jpg" />
**User Testing & Validation:**
- Prepared and executed continuous user tests to gather feedback and iterate on designs.
- Implemented user test results to improve and validate design approaches.

<img src="/images/kpn-7.jpg" />

**Consultation & Mentorship:**
- Provided design process consultations to the organisation, ensuring best practices and efficient workflows.
- Mentored junior designers, offering guidance and support in their professional development.

<img src="/images/kpn-8.jpg" />
<hr />

### **Tools & Methodologies:**

**UX Tools & Methodologies**: 
Sketch, Wireframing, Prototyping, Visual design, Illustrator, Principle, InVision, User research, Usability testing, User interviews

**Frontend Development**: 
Raspberry Pi, JavaScript

**Process & Agile Methodologies**: 
SAFe, Scrum, Jira, Confluence

**Skills**: 
User experience, User interface design, Cognitive psychology, Consulting, Coaching, Problem solving, Communication

**Industry Specific**: 
Telecommunications & Media

At KPN, I co-designed 4K TV software, created prototypes for user testing, and mentored junior designers. I also delivered motion-related works and provided design process consultations.

<img src="/images/tnt-1.jpg" />

TNT, an international cargo transportation and delivery company under FedEx, aimed to replace its customer-facing Track & Trace application. The new application needed to support a wide range of logistics sub-systems and more than 50 languages using modern technologies.

<img src="/images/tnt-2.jpg" />

At TNT, I worked as a frontend engineer developing a new Track & Trace application in AngularJS, supporting various logistics subsystems and multiple languages. My responsibilities included building the frontend application based on the provided designs and setting up behaviour-driven testing in CucumberJS. I also implemented support for over 50 languages, collaborating with multidisciplinary professionals to ensure a seamless user experience across different regions.

<img src="/images/tnt-3.jpg" />

**Track & Trace Software Development:**
- Collaborated with a team of multidisciplinary professionals to develop the new Track & Trace application.
- Addressed challenges related to handling inputs from various systems and multiple alphabets.

<img src="/images/tnt-4.jpg" />

**User Experience Design:**
- Contributed to the design and implementation of a user-friendly interface for the Track & Trace application.
- Ensured that the design accommodated the needs of a diverse, global user base.

<img src="/images/tnt-5.jpg" />

**Behavior-Driven Testing:**
- Worked closely with testers to set up behavior-driven tests and the testing framework.
- Ensured robust testing processes to maintain high quality and reliability of the software.

<img src="/images/tnt-6.jpg" />

**Multilingual Support:**
- Implemented support for over 50 languages, ensuring seamless integration and user experience across different regions.
- Collaborated with localisation teams to manage translations and cultural nuances.

<hr />

### **Tools & Methodologies:**

**UX Tools & Methodologies**: 
Usability testing, User stories, A/B Testing

**Frontend Development**: 
AngularJS, CucumberJS, JavaScript, Git, CSS

**Process & Agile Methodologies**: 
SAFe, Scrum, Kanban, Lean-UX, Jira, Confluence

**Skills**: 
Frontend engineering, Behaviour driven testing, Consulting, Communication

**Industry Specific**: 
Logistics

At TNT, I developed a multi-language Track & Trace application in AngularJS. I built the frontend, implemented behavior-driven testing with CucumberJS, and ensured a seamless user experience across regions.

<img src="/images/volkerrail.jpg" />

VolkerRail, a key partner of ProRail, is responsible for maintaining railways in the Netherlands. The railway system consists of numerous electronic and mechanical components, each with its own life cycle. VolkerRail launched a pilot project to automate decision-making processes by collecting big data from special sensor-equipped trains and combining it with existing equipment information. This project aims to provide advisory planning and options based on lifetime and budget considerations.

<img src="/images/volkerrail-1.jpg" />

I designed and contributed to a prototype application in AngularJS and NodeJS for VolkerRail, which was subsequently taken into continuous software development. This application is currently used by ProRail and many other European rail companies. This project involved the significant challenge of translating complex outputs from multiple systems into a single application, maximising efficiency by effectively displaying big data.

<img src="/images/volkerrail-2.jpg" />

**Complex Data Interpretation:**
- Translated intricate Excel-driven calculations into a user-friendly interface.
- Focused on presenting meaningful and necessary data to aid in decision-making.

<img src="/images/volkerrail-3.jpg" />

**Stakeholder Collaboration:**
- Conducted multiple sessions with stakeholders to understand requirements and gather feedback.
- Ensured designs met the needs of planners and decision-makers.

<img src="/images/volkerrail-5.jpg" />

**UX Design & Prototyping:**
- Created designs for the application, focusing on simplicity and usability.
- Developed prototypes to demonstrate and test design concepts.

<img src="/images/volkerrail-4.jpg" />

**Frontend Development:**
- Built the designs into a single-page application for pilot use.
- Ensured the application provided tools for better decision-making based on collected data.
<hr />

### Tools & Methodologies:

**UX Tools & Methodologies**: 
Illustrator, Usability Testing

**Frontend Development**: 
NodeJS, AngularJS, D3JS, JavaScript, PHP, CSS

**Skills**: 
User experience, User interface design, Frontend engineering, Problem solving

**Industry Specific**: 
Transportation and Logistics

I designed a prototype application in AngularJS and NodeJS for VolkerRail, now used by ProRail and other European rail companies, to efficiently display complex data from multiple systems.

VolkerRail

<img src="/images/ask-1.jpg" />

Ask Community Systems is a mid-sized software manufacturer based in Rotterdam, specialising in real-time and location tracking community software for Dutch fire departments (Brandweer), life-saving organisations such as KNRM and ReddingsBrigade, and other similar entities.

<img src="/images/ask-2.jpg" />

Collaboratively, I worked on a time management application in BackboneJS and AngularJS for KNRM (Dutch Coastguard), Reddingsbrigade (Dutch BayWatch), and Brandweer (Dutch Fire Department). My primary contribution involved designing and developing the application, enhancing its efficiency for lifesavers to plan their schedules.

<img src="/images/ask-3.jpg" />

**Project Planning & Design:**
- Engaged in various project phases, including planning, designing, and developing applications in BackboneJS and AngularJS.
- Collaborated with stakeholders to gather requirements and define project goals.

<img src="/images/ask-4.jpg" />

**Real-time Timeline & Geo-fencing Displays:**
- Tackled challenges in creating real-time timeline displays to track events and incidents.
- Developed geo-fencing displays to enhance location tracking and management capabilities.

<img src="/images/ask-5.jpg" />

**Proactive Real-time Messaging Systems:**
- Designed and implemented proactive real-time messaging systems to keep users informed and responsive.
- Ensured messaging systems were intuitive and met the urgent needs of emergency responders.

<img src="/images/ask-6.jpg" />

**UX Design & Development:**
- Conducted user research to understand the specific needs of emergency response teams.
- Created wireframes, prototypes, and final designs that were user-centric and practical.
- Implemented designs into functional frontend applications, ensuring usability and efficiency.

<hr />

### Tools & Methodologies:

**UX Tools & Methodologies**: 
Prototyping, User stories, Illustrator, Photoshop

**Frontend Development**: 
BackboneJS, AngularJS, JavaScript, CSS

**Process & Agile Methodologies**: 
Scrum, Trello

**Skills**: 
User experience, User interface design, Cognitive psychology, Frontend engineering, Problem solving

**Industry Specific**: 
Dutch Fire Rescue, Dutch Beach Rescue and Dutch Coast Guard

I developed a time management application using BackboneJS and AngularJS for KNRM, Reddingsbrigade, and Brandweer. My main role was designing and enhancing the app to improve schedule planning for lifesavers.