MILESTONE #1 - WIDGET INTEGRATION
The output for this milestone will be JS file and integration instructions to the web designer.
MILESTONE #2 - POPUP WINDOW DESIGN
The current UI/UX is not smooth and has several elements that “happened to be” part of the popup window rows. To explain what we want, try this search autocomplete/popup: [url removed, login to view] (type str) or [url removed, login to view] (type cord).
You shall design smooth, clean popup window that Looks the same (font, position, etc) and behaves the same. The popup window must be adjusted to the search box page location. E.g. if it is in the footer - it shall open above the search box. If it is in the right sidebar - it shall open to the left of the search box.
The popup window shall look good on any given website theme/design.
The popup window shall be taken parameters of size, color, etc from the “Style” tab (will be set per your wish) if overwritten the default.
Today, the popup window is slow. We expect to render the results much faster. Some of the rows in the results are slow, some are fast (local DB). The popup window gets its data (“rows”) by calling API server and process the return JSON object. One of the solutions to render faster results is to show the ready rows instead of waiting to release the full buffer.
NOTES (1) MILESTONE #3 will be a separate project and not include in this bid.
(2) A not-copy-patent contract shall be signed
I am reducing the project scope and make it more granular and easy to implement.
The project, in essence, is to convert existing plugin from "search-window-before" to "popup-window-after" as attached.
1. When a visitor touches the search box
"search-window-before" - He can start click
"popup-window-after" - A popup window with 'x' is opened
2. The visitor start typing 3 characters and more
"search-window-before" - Search results is changes of every typed character under the search box
"popup-window-after" - Same but inside the popup window and faster
3. The visitor clicks on the popup 'x'
"popup-window-after" - Is closed and the type keyword query is copied to the search form
4. The visitor hit "enter"
"search-window-before" - Full Search results page is opened
"popup-window-after" - Same
5. The serach results layout
"search-window-before" - Not smooth. Rows “happened to be” part of the window.
No commom design. Not look nice on most themes
"popup-window-after" - Nice and sleak design. Looks good on almost every theme
98 freelancers are bidding on average $526 for this job
Hello, My understanding is that you want to re-design the Javascipt pop-up on your website. Kindly share the detailed specification about the project with us. Regards, Esther Michael