top of page
December 2021 - January 2022
in-House | Minklist Digital Inc
https://in-house.com
Overview
Role and Responsibility
Product Design Lead (UI)
Tools
JIRA software
Confluence
Figma
in-House is a synthetic ESG proprietary platform that allows teams to provide 100% anonymous consensus feedback without the use of emails, logins, or personal information.
For this early-stage firm along with the Product Owner I Ideated a side menus/nav tab user journey for the product. I was able to perform research on different side menus and nav tabs in responsive designs and compare them to analyze how in-House can approach their design issue.
Overview
Pain Points
Pain Points
Limited Interactions
As in-House is an early-stage startup, the product has limited functionalities and more white space to play around with as a product designer. That is a challenging part to make the product look fuller but also simple for the user to control.
iH Nav tabs
iH side menu
iH Nav tabs
1/2
Ideate
IDEATE
.png)
As for the onboarding project I took the approach of understanding user interaction which did help me set up a mind map. Using that method, I was able to visualize the interaction while working on the wireframes.
Every designer has its own ways of approaching their design process. I like to sometimes start directly from competitive analysis and then jump into ideating the feature. That approach did work but not to the fullest, so I started ideating to design a scope for the project and then move to research. That is what I did for all my projects with in-House.
Research
RESEARCH
Once my UX architecture was formed, I moved into UX research starting with competitive analysis. This report helps a designer to evaluate other's designs and formulate our branding into it.
With the existing user persona, I was able to analysis how the user journey for 'Damien' will look like using our 'side menu/nav tabs'.
 navigation tabs researchLearning more from Gregory Schmidt's blog. I was able to create a few low-fi designs of side menus and nav tab bar. Source: http://www.gregoryschmidt.ca/writing/navigation-options-starting-with-mobile |
|---|
 user Journey mapThe above is the journey map used to analysis the user's experience. |
|---|
Iterate
ITERATE
Wireframing
While iterating for mobile versions was very interesting. Along with the designers we were able to come up with a few versions by also comparing them with the user interfaces of other mobile applications.
The common layout for most of the navigation menus is open and side. So, we designed versions of open and side navigations. I learned that side navigation is more commonly used than open navigation. Along with that, the in-House product consists of open window page layouts, that will confuse the users to understand what page and what menu is.
That is why we chose to go along with side navigation for the hamburger icon.
iH side menu
iH side menu selected
iH side menu
1/2
iH nav tab
iH nav tab selected
iH nav tab
1/2
In addition, I work on a desktop view which consists of top navigation tabs. As discussed in the challenges, working with limited elements with huge white space was an issue with the layout.
But the right slide navigation tabs were chosen to replace the hamburger icon in responsive. We decided to go along with the right aligned top navigation design. To mitigate the white space issue, we were able to increase the font size which balanced the ratio between white space and content.
DEVLOPE
.png)
Hand-off to DEV
Once again, the development process stays the same as the other projects.
I produced all of the essential sources for the engineering team to use when constructing the pages before passing them off to the DEV team. Prototypes, user flow charts, and use case diagrams were all made by me (collaborating with Product Manager). Finally, I supervised a final review of the designs with the client to accommodate any last-minute modifications. When all of the designs are complete, I create a ticket for DEV and attach all of the necessary materials.
Devlope
Retrospective
Every project with a startup is like a new world. While working on this project I was able to shape more of my design thinking process to analysis the versions and choose one which best fits the UX solution.
Understanding more of the balance in design context, and met the deadline for the sprints for this project.
I am always learning new things and still have room to grow as a designer. I was able to provide the best solution to in-House was my achievement.
Retrospective
Other featured projects
Other featured projects
bottom of page