![](https://cdn.myportfolio.com/3fd91b09-6f80-476f-bacd-193ae51d2e82/3dd59809-56b3-4e3c-9c81-85d0fdf8eca5_rw_3840.png?h=2bb5041ebdbd79932c51ebc2f156ae66)
Rebranding of Title Tool with focus on Usabilty
Who?
TitleTool is a product that aims to simplify the process of translating videos by creating translation jobs for different translators and allowing them to easily translate corresponding videos by subtitles.
What did I do?
My job was to restructure and redesign the whole product. Therefore, I was doing a competitors analysis, analyzing the current UX problems by doing a user testing with the actual state. I came up with a new structure by building a sitemap and a user flow and creating a Mid-Fi click dummy which I again tested with real users to finally come up with a Hi-Fi Prototype.
Status Quo of TitleTool
The current tool - as I figured out via usability tests - had some huge user experience problems.
A: As the tool is being used on an iPad the smallest the hamburger menu is quite hidden even it is the main menu the user needs to go through
B: In general important buttons have no description and are by far not self-explanatory
C: the hierarchy of actions that can be taken is not clear and users didn't know what to do first
D: it's not clear why the Asset section is also seen as the home of the tool
E: unclear how to create a new translation
F: the translation page was not understood at all
Current Status
![](https://cdn.myportfolio.com/3fd91b09-6f80-476f-bacd-193ae51d2e82/539b5dc8-7ddc-453d-b8b1-95a68975984c_rw_3840.jpg?h=476cc6b0bb82c7ef6291760f6d802ad1)
Goal: Create a cleaner, more modern interface design with a new hierarchy of actions so the user is not overwhelmed
Problem Definition: The Titletool offers a lot of functionalities which need to be more explanatory and tidied up so the user can understand their sense.
Idea: clear information architecture
USP: Make it easy to create translation jobs for lots of different videos
New Sitemap and User Flows
![](https://cdn.myportfolio.com/3fd91b09-6f80-476f-bacd-193ae51d2e82/c89f1e34-5c4f-4cbc-8b5b-4749b4ba2ef4_rw_3840.jpg?h=1a06a81fcf95b3709ae8e8de186bfed2)
![](https://cdn.myportfolio.com/3fd91b09-6f80-476f-bacd-193ae51d2e82/45a0be17-5f08-419d-a4ea-c43378c157a3_rw_3840.jpg?h=bd2af22192f699d1f364f6296e937be3)
Final Wireframes for 'Job' Section
![](https://cdn.myportfolio.com/3fd91b09-6f80-476f-bacd-193ae51d2e82/8c685061-ec44-47e0-bc6e-c86421c63d04_rw_1920.jpg?h=c675da59ae6c69bb35cf1f90a5dcae55)
Final Wireframes for 'Asset' Section
![](https://cdn.myportfolio.com/3fd91b09-6f80-476f-bacd-193ae51d2e82/3c8e13f2-1e0f-4375-ab48-df9b025de656_rw_1920.jpg?h=3fa8d6c7691d0bed8cf1fd30bc4a4613)
Final Wireframes for 'Add new Asset'
![](https://cdn.myportfolio.com/3fd91b09-6f80-476f-bacd-193ae51d2e82/9b689c3d-dec1-450b-8911-a89728428f51_rw_1920.jpg?h=7babe079de38ecb72279b31a61f74ba3)
Final Wireframes for 'Job Approval'
![](https://cdn.myportfolio.com/3fd91b09-6f80-476f-bacd-193ae51d2e82/6d31d801-18f7-4a6f-8a79-4b8bf292e341_rw_1920.jpg?h=86cce689e1c6f719b064537a10a5f2de)
Usage Mockup in a Browser
![](https://cdn.myportfolio.com/3fd91b09-6f80-476f-bacd-193ae51d2e82/6736dc9a-c692-4254-a205-280c74fa2b27_rw_1920.png?h=b6453209a835e05662975cbc6d57c2f4)
![](https://cdn.myportfolio.com/3fd91b09-6f80-476f-bacd-193ae51d2e82/6cba7fcc-6f38-4fe1-9ec9-92839619e09a_rw_1920.png?h=78735f57619d11b059cb20179bf94a87)
Clickable Prototype Video
🧡 Let's work together 🧡
🧡 Thank you for getting in touch 🧡! I will reply within 5 days ✌️