Shilp
Your most trusted AI Co-Pilot is here to support engineers
Team
Stakeholder - Shiv Patel
Team Leader - Joyce Yang
UI/UX Designers - Joyce Yang, Aini Dai, Manika Shrivastava
About
Goals
Timeframe
October - November 2024 ( 4 weeks | Part-Time Intern)
Shilp.io is a startup company that aims to transform its existing AI-powered tool into a sophisticated requirements engineering platform. The primary goal is to enhance the AI capabilities to provide context-aware guidance and deep regulatory insights.
Rebuild a more user-friendly landing page.
Create a dashboard system that is easily accessible to engineers.
Develop in-depth insight on competitors and create a system that challenges difficulties they are facing.
Design Process
01. Emphasis
Competitive Research
Website Analysis
User Journey/Personas
02. Design
Low Fidelity Wireframes
Design System
High Fidelity Mockups
03. Evaluation
Challenges
What’s Next
01. Emphasis
Competitors
Shilp has three main competitors in the market:
QVscribe
IBM Doors
JAMA
Website Analysis
I was able to conduct a general website analysis on Shilp’s current site. Below are examples of potential accessibility and functional concerns that were found on their site.
User Journey/Personas
We had two user personas where our two users had different levels of frustrations based off different skill levels.
“I am learning to use AI tools to help improve my work efficiency. In new industries, AI is a valuable assistant that helps me quickly understand how to solve problems.”
“AI is more than just content generation now—it’s about streamlining workflows. If the software can organize, track, and optimize without manual effort, that’s real value.”
02. Design
Low Fidelity Wireframes
After presenting our competitive analysis to stakeholders, we mapped out two different user flows:
User Flow #1: New user that needs to register for Shilp
User Flow #2: Experienced user that has a history of previous projects
Our main task, was to build the main dashboard for our client, where each of us were able to tackle in order to solve the main problems users were facing. Additionally, we each gave ourselves another design aspect to tackle, which I had chosen the history design for experienced users.
Building the low fidelity wireframes will help with better visualization of the design goals of each screen.
Below is an example of four screens designed for User Flow #2.
Colors
Design System
#F0F4FC
#A5A5A5
#000000
#D9D9D9
Typography
Font Family: Inter
Icons
#FFFFFF
Logos
High Fidelity Mockups
After conducting three usability testing and working through branding, we created high fidelity mockups.
03. Evaluation
Challenges
As I worked through the project, I learned valuable collaborative skills especially working in a remote setting with teammates in different parts of the world. Additionally, I learned how to establish professional relationships with stakeholders and how to work with software developers. I was able to gain insight on what it means to work in a team with not only designers that understand the processes, but with many others that don’t really even understand the role of UI/UX designers. Throughout the month, I’ve ran into several challenges.
Lack of Communication: As the project lead, I lacked support from someone like a project manager to manage the project as an external person. This would have prevented miscommunication of roles and tasks that were assigned for the week. There were moments were miscommunication was inevitable from what actually feasible given the time constraint.
Requirements: A main portion of the project consisted of creating an easily accessible way to write requirements. This task was difficult to work around because I was confused for a while on what the stakeholder really wanted because there was a lot of back and forth with how users should be able to input requirements.
What’s Next
If I were given more time on this project to work with Shilp, I would spend more time incorporating a better system to writing requirements and conducting more usability testing. I believe by conducting more usability testing after creating the high fidelity mockups, would help with discovering more user pain points especially with their ability to write better requirements.