Re-design UI/UX popup window of site search

Completed Posted 6 years ago Paid on delivery
Completed Paid on delivery

Re-design Javascript popup window of site search. The framework is working well but the popup window of the site-search as-you-type is not attractive looking. The project milestones will be (refer to the attached file too):

MILESTONE #1 - WIDGET INTEGRATION

Javascript popup window shall integrate with any search box in any platform WordPress, ASP, Shopify, etc.

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: [login to view URL] (type str) or [login to view URL] (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

CSS JavaScript PHP UI / User Interface UX / User Experience

Project ID: #14697709

About the project

88 proposals Remote project Active 6 years ago

Awarded to:

snapycode

Hi there, Thank you for reviewing my proposal.I am a professional Designer and Developer with 7+ years of experience.I will re-design JavaScript popup window of site search so that it will work in any platform as per More

$333 CAD in 10 days
(115 Reviews)
7.5

88 freelancers are bidding on average $512 for this job

sanjay2004

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

$551 CAD in 0 days
(823 Reviews)
10.0
meet2amitvw

Let's discuss more about project to finalise the proper scope with estimated cost and time so ping me over the freelancer chat.....I will share some demo as well for recent works if you want to check. Relevant Skills More

$721 CAD in 10 days
(189 Reviews)
9.4
leadconcept

Dear Sir, After analyzing whole requirements from the attached document & milestones, I am afraid that it is not possible for us to do it in CAD 750, as this is very low budget & no doubt you can get lot of bids wit More

$722 CAD in 15 days
(127 Reviews)
9.2
monitrix

Hi, I have read the description & attach doc that you want widget integration & popup window design. Consider me I am having an highly experienced team with me expert in designing. ThankS Relevant Skills and Experienc More

$500 CAD in 10 days
(563 Reviews)
9.3
RockStone435

Hello nice to see your project posted here . I have read the description. I understand what you looking for. I would like to discuss further details let me know when you are available for discussion. Looking Forward . More

$350 CAD in 10 days
(638 Reviews)
8.9
vamir

Respected Sir/Madam, I am an expert in web development AND Designing.I would love to have the opportunity to discuss your project with you. I have 6+ experience in the following languages. Relevant Skills and Experien More

$631 CAD in 10 days
(723 Reviews)
8.3
extreamcode

Hi, I can assist you with this Project. Here is a sampling of the few of my work contained at my portfolio: https://www.freelancer.com/u/extreamcode.html Relevant Skills and Experience I’m a designer and developer wit More

$555 CAD in 10 days
(107 Reviews)
7.9
yilmazsatti

This is not an automatic bid.: With over 14 years UX / UI Design experience. ONLY UI - DESIGNERa See my profilea I mostly work with europe and USA. Stay tuned, I'm is still working on this proposal.

$1000 CAD in 12 days
(51 Reviews)
7.9
SearchEverything

Surely, We are ready to help you with re-design Javascript popup window of site search. Yes,we are agree with all the milestone . We are ready to start the work now. Relevant Skills and Experience Please review our p More

$315 CAD in 5 days
(218 Reviews)
7.6
mascotindia123

Hey Friend, Myself having has 10 + years experience of web site development. Expert in Custom programming in php / Mysql / Jquery / Wordpress/ Joomla / OSC / Magento /OpenCart / Android / Mobile development / Res More

$400 CAD in 8 days
(320 Reviews)
7.7
submitbuzzz

Hi Thanks for posting this requirement. We are, India based website design & development company since 5 years effectively deliver and concentrate in high quality design & development. Relevant Skills and Experience More

$400 CAD in 5 days
(228 Reviews)
7.5
rightbigboss

Hello, I am an Expert and Experienced Developer. I have read your project description and its very clear to me. I am 1000% confident for the project. Relevant Skills and Experience I have ever done similar design. Eve More

$333 CAD in 10 days
(89 Reviews)
7.3
salienttemplates

Hello, We are experts in HTML,CSS,Boostrap,Jquery,Javascript,core Php, Magento, WordPress, Codeigniter, and many other open source framework Thanks Relevant Skills and Experience Hello, We are experts in HTML,CSS,Boos More

$277 CAD in 5 days
(231 Reviews)
7.2
prashushinde9

Hello, We have accomplished 90% of the project which is similar of your requirement. All we need 10% customization as per your requirement set and specifications. I want to discuss in personal chat in order to explore More

$623 CAD in 10 days
(56 Reviews)
7.1
kishanlalyadav

HI SIR I M 100% CONFIDENT FOR THIS PROJECT AWARD ME RIGHT NOW!!! Stay tuned, I'm is still working on this proposal.

$683 CAD in 7 days
(354 Reviews)
7.1
hawkscodeaus

PHP developers Relevant Skills and Experience I am good in CSS, Javascript, PHP, User Experience Design, User Interface Design Proposed Milestones $560 CAD - Cost

$560 CAD in 7 days
(136 Reviews)
7.7
shawnwilliams85

Hi I would love to discuss your needs further. Thank You Relevant Skills and Experience I am a full stack developer with 10+years experience and extensive design experience with WordPress, Magento, Joomla, and cust More

$733 CAD in 12 days
(49 Reviews)
6.6
jasbirsaini30

I read your job description and i can easily do this. let's chat for more My Experience : 7 Years........................ Relevant Skills and Experience I read your job description and i can easily do this. let's chat More

$555 CAD in 10 days
(151 Reviews)
6.4
Websitemaestro

Graphic Design, HTML, PHP, Website Design Relevant Skills and Experience CSS, Javascript, PHP, User Experience Design, User Interface Design Proposed Milestones $277 CAD - Milestone

$277 CAD in 10 days
(76 Reviews)
6.6
ieota

We at IEOTA TECHNOLOGIES have lot of exposure and experience in development for past 4 years served for several clients across the globe. We have fabulous developers who have extreme knowledge in coding and vast experi More

$555 CAD in 10 days
(52 Reviews)
6.0