thumbnail image
  • Home
  • Showcase (All)
  • Showcase (Backup)
  • Digital · Concept Art
  • λόγος
  • インク
  • Photography
  • broken image
  • CLIENTS & PARTNERSHIPS

     

    DNV GL

    Franmarine

    CleanSubSea

    Dan-Bunkering

     
     
     
     

    MY ROLE

     

    Personas

    Product Design

    Visualizations

    UX+UI Design

    Rapid Prototyping

    Infographics

    Logo Design

    Pitch Decks · Reports

     

     

    SUMMARY

     

    I led the product design of blockchain technology products at rise-x. One ecosystem. From zero to one.

     
     
    AWARDS
     

    APAC CIO Outlook · Top 10 Enterprise Startups 2019

     
  • product 1 ⊛ QuayChain

     

    Enable end-to-end transport fuels management

    backed by smart contracts

     

    Role / Designer working with the CEO, CTO, Director, a business analyst, and a team of developers

     

    Tools / Sketch, InVision, Trello

     

    Timeline / 9 months

     

     

    Managing transport fuels can be a huge pain. Buyers and suppliers have to go through complicated processes before they arrive a port, upon arrival, and after they leave a port at sea. From sourcing, procurement, and resourcing through to delivery and settlement, countless risks are involved such as fraud and theft.

     

    As you could imagine, this is no easy feat. Hence, I was tasked to create a dynamic platform which simplifies, optimizes, and automates multi-party fuel management workflows, one that is uniquely built on blockchain technology, aligning legal entities, physical assets, users, and data to create auditable, immutable records. The main goal? To optimise bunkering operations and automate the hydrocarbon custody and title transfer.

     
     
     
     

    Making sense of who does what in the transport fuels ecosystem

     
     
     

    I first fleshed out personas for our QuayChain platform based on different parties involved in the bunkering transport fuels ecosystem. Our team and I named the personas together and gave each of them a superpower. Our IoT mass flow meter was also given the name Michael - we couldn't bear making him feel left out.

     
     

    Vicky, the virtual fuel broker

    { Superpower: Supercharge arbitrage }

    • Processes fleet data

    • Communicates with vessels to optimize speed & fuel

    • Communicates with suppliers to arbitrage bunker prices

     
     

    Sally, the scheduler

    { Superpower: Enhance productivity }

    • Coordinates multiple service providers across fuel orders

    • Eliminates demurrage

    • Prevents scheduling conflicts

    • Increases workforce and asset productivity

    • Reduces port & service fees

     
     

    Michael, the mass flow meter

    { Superpower: Objective data official }

    • Controls the transfer of bunker fuel from tanker to vessel

    • Automates custody transfer

    • Monitors fuel performance 

     
     

    Larry, the lab technician

    { Superpower: Right quality }

    • Manages work orders

    • Tracks & traces sample deliveries from the quayside to his lab

    • Carries out quality assurance tasks

     
     

    Barry, the book-keeper

    { Superpower: Robotic process automation }

    • Settles and closes contracts

    • Manages all payments, including its disputes and resolutions

     
     

    For a better understanding of how the personas relate to each other as a whole, I have designed and created a Process Overview summarizing the values and involvement of various parties during the custody and title transfer process. The entire process starts before port, where sourcing, procurement, and resourcing take place, followed by delivery at port, and finally, settlement after port. Having the overview in rich colors was a deliberate design decision as it was meant to be presented to our potential clients and partners worldwide.

  •  
    broken image

    Personas ⊛ presented at the WA Mining Conference · Australia

     

     

     

     

    Accompanying the Process Overview, I have created a series of visuals depicting different steps of the user journey - the making of a refuelling decision, the rescheduling work carried out by Vicky the virtual fuel broker and Sally the scheduler, the transferring of bunker fuel by Michael the mass flow meter (MFM), and payment settled with the help of Larry the lab technician and Barry the book-keeper.

  •  

     

    broken image
    broken image

    User journey: refuelling decision

     

     

    broken image

    User journey: rescheduling

     

     

    broken image
    broken image

    User journey: transfer of bunker fuel by MFM

     

     

    broken image
    broken image

    User journey: payment settlement

  •  

    Below are some preliminary hand-drawn wireframes in my notebook for the QuayChain tablet platform :

     
     
    broken image
    broken image
    broken image

    Brainstorming on the compliance reporting feature

    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image

    Early hand-drawn explorations and journaling: lo-fi ideas, flows, and meeting notes

     

     

     

     

     

    Final prototype

     
     
     
    broken image

    Mockup for QuayChain's quality and compliance feature

     

     

    Rise-x has existing solutions adaptable to many use cases (e.g. Order to Pay, Logistics and Operations Management, Asset Management, Compliance Reporting, and many others). QuayChain is just one of the very first products that the team has launched with distributed ledger technology, applied intelligence, and enterprise integration. 

     

    It has been an exciting journey seeing the birth of QuayChain. Our first milestone happened in July 2019, when a tug operator and an LNG bunkering provider in Singapore conducted the world's first LNG transaction across a blockchain on the QuayChain platform. The trial transaction involved the truck-to-ship bunkering of an LNG-powered tug and was conducted under simulated conditions. 

     

    For more information regarding my work at QuayChain, I'm happy to share in detail over a chat. 

     
  • product 2 ⊛ BioPass

     

    Enable end-to-end vessel cleaning &

    bio-security management

     

    Role / Designer working with the CEO, CTO, a business analyst, and a team of developers

     

    On-site / Franmarine Underwater Services @ The Australian Marine Complex, Western Australia

     

    Tools / Sketch, InVision, Trello

     

    Timeline / 6 months

     

     

    BioPass is my second project at rise-x. Aiming to become the world's first biofouling management platform, the main features of BioPass are as follows:

     

    1. Facilitates vessel cleaning process from sourcing through to settlement

    2. Captures all information related to a ship's biofouling on a permissioned blockchain, making it fully immutable and traceable

    3. Assesses the condition of the ship's hull, generates a dynamic vessel biosecurity risk assessment, and automatically produces compliant biofouling reports

     
     
     
     
     
     

    Context

     
     

    The BioPass project aims to address industry concerns over marine biosecurity – specifically marine growth on the hull of ships, otherwise known as biofouling. Biofouling is now recognised by the International Maritime Organization (IMO) as a major vector for bio-invasions, presenting a risk to biogeographic regions which is equal to - if not greater than - the threat posed by improper treatment of ballast water.  

     

    To address this global issue, IMO has developed global guidelines for the control and management of ships’ biofouling. The Guidelines (resolution MEPC.207(62)) are intended to provide a globally consistent approach to the management of biofouling.  

  •  

    BioPass benefits :

    broken image
    broken image
    broken image
    broken image
    broken image

    Graphics I designed for the BioPass deck

     

     

     

     

     

     

     

    broken image

     

     

     

    Visualization I created explaining the different parties involved in biofouling management

     

     

     

     

    Making use of IoT devices to capture real-time video information, machine learning technology to identify potential invasive marine species (IMS), and eDNA testing to determine the presence of IMS, BioPass captures data about the condition of a ship’s hull during the process of inspection or cleaning.

     

    Data captured during the in-water hull cleaning process is stored and maintained in a permissioned blockchain to allow ship owners to easily share their BioPass - a biosecurity passport containing their biofouling management plan, biofouling maintenance records and information - with Port Authorities across multiple jurisdictions, allowing for frictionless vessel entry under controlled conditions.  

     
     
     
     
     
    High-level goals
     
    1. Dramatically improve the biosecurity of global marine environments

    2. Reduce the cost to operate for marine vessel owners and operators

    3. Reduce the cost of compliance with incoming IMO GloFoul regulations

    4. Reduce the cost of managing compliance for Australian and international port authorities

     

     

     

    Here are some of my initial hand-drawn wireframes and notes for the BioPass platform :

     
    broken image
    broken image
    broken image

    We worked alongside CleanSubSea and FranMarine, Australia’s leading commercial diving company, for the BioPass project

    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image

    Early hand-drawn explorations and journaling: lo-fi ideas, illustration & logo drafts, flows, and client meeting notes

     

     

     

     

     

    Final prototype

     
     
     
    broken image

    Mockup featuring a ship's upcoming hull cleanings & inspections

     

     

    Here is the final prototype for BioPass. As I'm hoping not to overwhelm my dear readers with too much to digest, I'm happy to share more on the project details and my design process over a private chat. 

     

    At rise-x, I work closely with my team and our global partners. Aside designing various pitch decks and assets for QuayChain and BioPass, I have created the logo for our client FranMarine Underwater Services and designed the sustainability and digitalization report for Konrad-Adenauer-Stiftung (KAS) and DNV GL, the world's leading classification society and a recognized advisor for the maritime industry. Headquartered in Høvik, Norway, DNV GL delivers testing, certification, and technical advisory services to the energy value chain including renewables, oil and gas, and energy management.

     

       

    broken image
    broken image

    I helped DNV GL and Konrad-Adenauer-Stiftung (KAS) design the layout for their sustainability and digitalization report.

     

    ⚓

     

    Publication Date : Dec 2019

    Publisher : Dr. Christian Hübner · Director Regional Project Energy Security and

    Climate Change Asia-Pacific (RECAP) @ KAS

  • broken image

    Logo styles I created for FranMarine. The design in the first row was chosen.

    Last but not least, please enjoy some photos of our team participating different events worldwide.

     

     

     

     

     

     

    Western Australia Mining Conference 

    PERTH, AU

    broken image
    broken image
    broken image
    broken image
    broken image

       

     

     

     

     

     The Captain's Table Innovation Challenge

    HONG KONG

    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
    broken image
  • ⊛

    «

    Panophobia

    Storyboarding ⊛ Vision-Mixing ⊛ Multi-Camera Shooting

    READ CASE STUDY

    »

    NASA hackathon

    Solar Energy ⊛ Product Design ⊛ App Prototype

    READ CASE STUDY
  •  

    ✌️ Designed + created by Stephanie

    Cookie Use
    We use cookies to ensure a smooth browsing experience. By continuing we assume you accept the use of cookies.
    Learn More