MARK TSE
  • PROJECTS
    • DEUS
    • CISCO CX
    • HEALTH 2047
    • JOHN DEERE
    • O-BOX
    • PRE SALES TOOL
    • SAIC MOTORS: MAXUS HMI
    • SAIC MOTORS: NEXUS
    • SYSDIG
    • Toyota Research: AI PROJECTS
    • VR GESTURE
  • CV
  • ARC
  • MI
  • STARLYTE
  • xPLORATION
  • GAME ART
  • Blog
    • 3D/MOGRAPH
    • Z-BRUSH ANATOMY
    • Z-BRUSH TUTORIAL 01
    • Z-BRUSH TUTORIAL 02
    • Z-BRUSH TUTORIAL 03
    • AS A DESIGNER
    • C.A.T. LOGO
    • FORD IDEATION
    • GV DESIGN SPRINT VS APPLE
    • NEXON EXPERIENCE
    • SUB-SURFACE SCATTER
    • TESTIMONIAL VIDEOS

DEUS 

WHAT: A storage virtualization command center
WHEN: 
Oct 2014 - Feb 2015 · 5 mos
WHERE: CORAID 255 Shoreline Dr
ROLE: UI VISUAL DESIGNER
I was an integral part of the UX/UI team and supervised the GUI development. We developed a monitoring and management dashboard that allows computer storage administrators to rapidly set alerts and orchestrate complex data though intuitive visualizations. I was collaborating directly with the UX architect on the GUI parameters and visual treatments for a more intuitive experience.

Assisted in UX and UI
Graphically designed UX guidelines and UI wireframes
Worked along side a development team of 10 Engineers and designers
Co-designer of the product
Picture
Coraid provided computer storage solutions for cloud service providers and enterprises that are experiencing rapid, unpredictable data growth. Coraid design team created the UX and UI guidelines to allow storage administrators to rapidly set alerts and orchestrate complexity through an extremely intuitive dashboard.  I was in charge to take the UX guidelines to life refining visual details, setting style guidelines and selecting color palettes. 
Picture

CONTROLLER DASHBOARD

multi-pool view
Controller view
Picture
The VP of Engineering, Paul Emery and I discussing the UI framework.
Picture
Picture
The datastore view is the same as the virtual pool view except data on the virtual pools faded out with an opacity shift. Here the the live data and snapshots are being broken down in the datastore partition. Tapping or clicking the center module will deselect the datastore and bring the user back to the virtual pool level. Zooming out will pull the user back to the complete multi pool view. The system can scale back the multi pool view in the beginning or pull back to a higher level controller view.

MULTIVIEW

Picture
Picture

UX WHITEBOARD

Picture
Picture
Picture
Picture
On the white board are the UX director sketches that I used as a base for the visual design. 
Picture
Picture

EARLY DESIGN PROTOTYPE

Picture
Variation on the Alert visualizations 

PREVIOUS VISUAL STYLE

Picture
Picture
Mark Tse
​2016
  • PROJECTS
    • DEUS
    • CISCO CX
    • HEALTH 2047
    • JOHN DEERE
    • O-BOX
    • PRE SALES TOOL
    • SAIC MOTORS: MAXUS HMI
    • SAIC MOTORS: NEXUS
    • SYSDIG
    • Toyota Research: AI PROJECTS
    • VR GESTURE
  • CV
  • ARC
  • MI
  • STARLYTE
  • xPLORATION
  • GAME ART
  • Blog
    • 3D/MOGRAPH
    • Z-BRUSH ANATOMY
    • Z-BRUSH TUTORIAL 01
    • Z-BRUSH TUTORIAL 02
    • Z-BRUSH TUTORIAL 03
    • AS A DESIGNER
    • C.A.T. LOGO
    • FORD IDEATION
    • GV DESIGN SPRINT VS APPLE
    • NEXON EXPERIENCE
    • SUB-SURFACE SCATTER
    • TESTIMONIAL VIDEOS