TurboHire's
Search Engine
To revamp the search engine, one that enable users to navigate through the portal by searching for specific keywords, thus enabling the flow of their activity. The major function of this exercise ran around indexing, ranking and crawling through search.
​
Role: UX/UI Designer & Researcher
Timeline: 1 month (to be implemented)
Team Involvement: With Product Manager
Project Status: Implementation in Process
Navigate to -->
![Frame 2432.png](https://static.wixstatic.com/media/aa2d36_f01442f4ceba446f90dbcef97073d997~mv2.png/v1/fill/w_489,h_456,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_f01442f4ceba446f90dbcef97073d997~mv2.png)
![Thumbnail (2).jpg](https://static.wixstatic.com/media/aa2d36_adc015a916614d00b1f53805c5559691~mv2.jpg/v1/fill/w_980,h_551,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_adc015a916614d00b1f53805c5559691~mv2.jpg)
![Frame 3.png](https://static.wixstatic.com/media/aa2d36_a3f853d6b4b1414680a549f5d7f723d9~mv2.png/v1/fill/w_867,h_134,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%203.png)
Project Strategy
Hypothesis
---->
Market Analysis
---->
User Questionnaires
---->
User Interview
---->
Backlog
---->
Wireframes
---->
UI
Hypothesis
![Frame 2.png](https://static.wixstatic.com/media/aa2d36_3588d0c2cb0544c9a37377b44453dd34~mv2.png/v1/fill/w_639,h_371,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202.png)
Market Analysis
Research captures customer preferences, allows your organization to understand the end-user experience, and prioritizes the “wants” and “needs” of a target audience.Exploratory research is a good starting point for any organization. It provides value, even if an organization is in the initial phases of concept testing
![Frame 5.png](https://static.wixstatic.com/media/aa2d36_ea130d266c4b43fead986e893fdf1bfe~mv2.png/v1/fill/w_490,h_509,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_ea130d266c4b43fead986e893fdf1bfe~mv2.png)
![Frame 6.png](https://static.wixstatic.com/media/aa2d36_bcf0b7e605fe48e29bc99de11104e336~mv2.png/v1/fill/w_490,h_509,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_bcf0b7e605fe48e29bc99de11104e336~mv2.png)
Customer-Centric Questionnaire
Customer centricity is a larger, overarching theme that comes back regularly in business updates, strategy meetings, and operational planning. It also ensures that no decisions are made without first thinking of the customer and the impact of the decision on the customer.
Questions
• Do you use the search engine?
• How often do you use it?
• How often do you use the portal?
• Has the current flow of the search engine helped you solve the problem?
• Where was your experience while using it?
• What expectations did you have?
• If you could change one thing about the design, what would it be?
• Can you recall a search engine example that you find interactive?
• Will present examples of 3-4 Search Engines. If given a choice between these, which one would you go for and why?
• What appeals and doesn’t appeal to you visually?
• Do you notice any potential problems with this product? If so, what?
• Does this remind you of any other products? If so, which ones and why?
What do you search for and how do they do it? (Global search / Local search etc.)
• What action do you use most on the portal, that you would want to be searchable?
• What action on the portal currently, takes you a lot of time to get to?
• What are some of the apps and websites you use the most?
• Have you had a situation, where you cannot recall the right word for action. Eg.smart card- intelligent resume?
• On a scale of 1-10, how easy/hard would it be for you to navigate through the portal if a search bar was not there?
Response 1
• Yes
• Very rarely, only to search a candidate for demo
• Frequently for demos
• No, it has very limited functionality and doesn't fit with other advance features the platform offers
• Not user-friendly, not accurate enough when searching keywords
• Helping me land directly to the searched candidate or close enough
• Make it more prominent in the centre of the screen instead of being hidden at the top
• No
• The one that makes it simple and suggestive to search candidates, jobs, data or relevant reports in the system without giving filters
• Nothing about the search engines appeals to me at the moment
• It only searches candidates and that too with limitations
• Lever. it had a good search feature but lacked relevant data or result sorting
•Anything that consists of the word that I am looking for
• Candidates and Jobs. These are the 2 most important things I would like to search for in the portal
•Candidate Resume
•Grammarly to Write
• Yes, Suggestions should help
•7, the features independently are great. But a good search engine will help occasional users to reach data that is relevant to them
Sales Team Inputs
Sales people conduct research on customers and engage with the best-fit prospects in conversation.
A data-driven sales team can provide extremely valuable data and touchpoints in a research and save time.
Sales Member 1
• While typing a word in the Search Engine, what information should it display? For eg. Reports
------- Reports in Candidates?
------- Reports as an action to carry out?
------- or reports as an overall company hiring report?
​
• Contextualisation is highly missing
​
• Guide the user better if in case he/she cannot find the right word. For eg. Intelligent Resume--> Smart Card
​
• Currently the. user has to adapt to the search bar, should be the other way round
​
• The search keyword is not highlighted in the search result. For eg., If a candidate's smart card showed up after typing a keyword, where that keyword is present in the smart card, should be highlighted.
Sales Member 2
• The top most important action to take on the Search Engine, is to look for candidates
​
• The Search engine should provide some reference, as to what all is searchable. Eg. Search for jobs, candidates, reports
​
• Currently the global search feature is not highlighted so that a user would want to use it in the first place
​
• Does not give a que that it can be helpful and quick access to the portal. eg. Type anything.... find anything here
​
• Would prefer a search engine that has least number of actions to take and more results to showcase ( avoid filters)
Sales Member 3
• Consciously avoid showcasing the search engine in Sales Demo. Is risky to use during demos, and sometimes customers have asked to look for a feature through the search engine.
​
• Local Search engine is useful and easy to understand as opposed to the Global search engine.
​
• Dont show the search engine prominently, due to its restricted use cases. Could be good value add for new users on the portal.
​
• Search within a job is very useful. Takes the right action and shows appropriate results.
​
• Would prefer a search engine that has least number of actions to take and more results to showcase ( avoid filters)
Initial Explorations
Initial explorations in designs help recognize the length and depth of the different features involved in the required design. Brainstoming and trial and error is one of the major functions of this process. It checks the technical feasibility of the idea has not yet been fully proven.
Empty Stage ----> Typing ----> Search Results
![Frame 2279.png](https://static.wixstatic.com/media/aa2d36_f7631f66b63e42bd804d840a76f9bf55~mv2.png/v1/fill/w_451,h_533,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_f7631f66b63e42bd804d840a76f9bf55~mv2.png)
![Frame 2278.png](https://static.wixstatic.com/media/aa2d36_86eb614ce0ab4a4daf9af85abd143cbb~mv2.png/v1/fill/w_324,h_383,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_86eb614ce0ab4a4daf9af85abd143cbb~mv2.png)
![Frame 2279.png](https://static.wixstatic.com/media/aa2d36_f7631f66b63e42bd804d840a76f9bf55~mv2.png/v1/fill/w_326,h_385,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_f7631f66b63e42bd804d840a76f9bf55~mv2.png)
![Frame 2280.png](https://static.wixstatic.com/media/aa2d36_498222b087c44a1994b202732243ffbc~mv2.png/v1/fill/w_326,h_385,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_498222b087c44a1994b202732243ffbc~mv2.png)
Candidate Card
![Frame 2340.png](https://static.wixstatic.com/media/aa2d36_2e922fafb7834335a0a7989ee781d6cc~mv2.png/v1/fill/w_1003,h_400,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202340.png)
Job Card
![Frame 2342.png](https://static.wixstatic.com/media/aa2d36_c1e14d058ab746898256c0b4adcbf413~mv2.png/v1/fill/w_599,h_359,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202342.png)
Activity Card
![Frame 2343.png](https://static.wixstatic.com/media/aa2d36_b13613ac76254e79b629487d5922a7fb~mv2.png/v1/fill/w_599,h_359,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202343.png)
Progressive Exploration
Progressive exploration is a stage where the skeleton structure of the features and flow of the user has been identified and the final design needs to be set in place.
References
Product examples are used to illustrate possible product experiences and how they relate to perceptions of product identity.
​
It is also utilised as a conceptual framework, which can be used as a pedagogical tool for design education and designers when considering the alternative approaches available for designing visual product identity.
​
Examples:
-
Behance
-
Dribble
-
WeWorkRemotely
-
Mac Search Engine
-
Notion
-
Dribbble Project
![Frame 11 (1).png](https://static.wixstatic.com/media/aa2d36_c91383ecf593494581b7fb35a5e65181~mv2.png/v1/fill/w_488,h_443,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_c91383ecf593494581b7fb35a5e65181~mv2.png)
History Card
![Frame 2385.png](https://static.wixstatic.com/media/aa2d36_ddc6087e6fe2413d9c0f75b88834ac57~mv2.png/v1/crop/x_0,y_0,w_4713,h_860/fill/w_1030,h_188,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202385.png)
Job Card
![Frame 2386.png](https://static.wixstatic.com/media/aa2d36_8016d831278849938da1c3d35ce016f9~mv2.png/v1/fill/w_1028,h_254,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202386.png)
Candidate Card
![Frame 2387.png](https://static.wixstatic.com/media/aa2d36_504dc007cae74bdeac19ab68626330e3~mv2.png/v1/fill/w_1039,h_329,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202387.png)
Activity Card
![Frame 2389.png](https://static.wixstatic.com/media/aa2d36_8acd57ef27d840d093176b408b101cb1~mv2.png/v1/crop/x_0,y_0,w_4843,h_1974/fill/w_1048,h_427,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202389.png)
Components
Primary Elements
![Frame 2390.png](https://static.wixstatic.com/media/aa2d36_675ee6d6d9e34c3bae0626a0700a181f~mv2.png/v1/fill/w_600,h_530,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202390.png)
Secondary Elements
![Frame 2409 (1).png](https://static.wixstatic.com/media/aa2d36_0ff68e5c08514be5a7c379188c4ba6b4~mv2.png/v1/fill/w_601,h_717,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202409%20(1).png)
Margins and Padding
![Frame 2431.png](https://static.wixstatic.com/media/aa2d36_9cb19f2fef5440a2bcae3850ec7c3bbe~mv2.png/v1/fill/w_1165,h_385,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202431.png)
Filter Panel within Search
![Frame 2410.png](https://static.wixstatic.com/media/aa2d36_d0dddbffb74f4a4c996170cf96376a16~mv2.png/v1/fill/w_1016,h_427,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202410.png)
List Item
![Frame 2416.png](https://static.wixstatic.com/media/aa2d36_1b3cf16fab5a48b683fa8f1f69aba8eb~mv2.png/v1/fill/w_1131,h_284,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202416.png)
States and Illustration Types/Group
![Frame 2417 (1).png](https://static.wixstatic.com/media/aa2d36_c31fa02ff2a0425093b79b1e992f4a50~mv2.png/v1/fill/w_1008,h_393,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202417%20(1).png)
Basic List/List Item Group
![Frame 2418 (1).png](https://static.wixstatic.com/media/aa2d36_5751a737a01c4e5fa7afa98efad9e41b~mv2.png/v1/fill/w_1018,h_735,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202418%20(1).png)
Full List
![Frame 2419.png](https://static.wixstatic.com/media/aa2d36_3dc3dcecc7744607b0b02acb1560d4d8~mv2.png/v1/fill/w_1003,h_828,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202419.png)
Final Components
![1.png](https://static.wixstatic.com/media/aa2d36_8ef61db65c654e5a957471193c545d65~mv2.png/v1/fill/w_980,h_442,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_8ef61db65c654e5a957471193c545d65~mv2.png)
![2.png](https://static.wixstatic.com/media/aa2d36_bb1b53fc32e04a7198fba1623c6645a6~mv2.png/v1/fill/w_980,h_442,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_bb1b53fc32e04a7198fba1623c6645a6~mv2.png)
![3.png](https://static.wixstatic.com/media/aa2d36_a976ab47915247c68a397c0c83db02f8~mv2.png/v1/fill/w_325,h_414,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_a976ab47915247c68a397c0c83db02f8~mv2.png)
![4.png](https://static.wixstatic.com/media/aa2d36_667daa3ff107417a99f9f6a716ea3fd3~mv2.png/v1/fill/w_326,h_415,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_667daa3ff107417a99f9f6a716ea3fd3~mv2.png)
![5.png](https://static.wixstatic.com/media/aa2d36_23943f383fa64df68ff68952f1454236~mv2.png/v1/fill/w_325,h_414,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/aa2d36_23943f383fa64df68ff68952f1454236~mv2.png)
UI Screens
This search engine is a pop up. To showcase how the complete UI looks on the portal, it is important to compile all elements in place.
Home Screen - Search Bar
![1- Home screen.png](https://static.wixstatic.com/media/aa2d36_c2b273a12484497ea6b99d8c60f01f80~mv2.png/v1/fill/w_973,h_556,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/1-%20Home%20screen.png)
Search Bar - On Click
![2- on click.png](https://static.wixstatic.com/media/aa2d36_c18123254531476ebb244ce1b3cb7977~mv2.png/v1/fill/w_973,h_556,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/2-%20on%20click.png)
Search Bar - Result
![3.png](https://static.wixstatic.com/media/aa2d36_d099a4aa6573407da3eead565f8f9e28~mv2.png/v1/fill/w_973,h_556,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/3.png)
Search Bar - Filter
![4.png](https://static.wixstatic.com/media/aa2d36_4853900f28104e22b09e0a839cca4426~mv2.png/v1/fill/w_973,h_556,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/4.png)
Search Bar - History/Favourite
![5.png](https://static.wixstatic.com/media/aa2d36_012d480d60eb4bb09c7068a3e49b2947~mv2.png/v1/fill/w_973,h_556,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/5.png)
Search Bar - Error State
![6.png](https://static.wixstatic.com/media/aa2d36_9e2ff39b40d642a88de36990e00ee6c8~mv2.png/v1/fill/w_973,h_556,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/6.png)