How to design a super technical task without writing code
Innovate the IT Service Management clunky, a decade-old tool to provide better UX for the IT Analysts.
Client
LogicHub
Case
Guide the developers to build complex SQL without having to write a single line of code.
Role
Head of Design
Capabilities
UX, UI, Design Strategy and Direction
Challenge
LogicHub provides its customers apps who uses the products to identify security breaches faster than other apps currently in the market. One main challenge is to setup the SQL codes in the app requires developer with senior levels. LogicHub hired me to create an easy way to solve this wicked problem for them.
Solution
Provided an intuitive step-by-step guidance model so that the LogicHub's customers who don't have coding background can build and setup their app without having to write a single line of code.
Role
Head of Design
Process
The 3 week design process
Collaborative Wireframing / UI Mockups / Customer Testing / Iteration
Collaborative Wireframing
"Let' make learning the 1st goal for this project" was my principle for the team going in to this. By having prioritize this over everything else would set our minds on serving our customers far better than any other goals, including making money as this case for a startup like LogicHub.
With that, we created the hypothesis that
'We believe this 80% improve in efficiency and speed will be achieved if security developers successfully finish the triaging process with this building SQL without typing a single line of code."
We spend the first week white-boarded the happy path for the user flow.
Lots of paper sketches and wireframes.
UI Mockups
After testing with couple of our internal security experts who presented our target persona, I felt confident to bring my concept into the mid-fidelity mockups.
One of the 2 strongest concepts was the Steppers which seemed very easy for everyone to follow through the process.



Iteration
Test, Build
We proved our hypothesis right with 80% completion rate.