Completed

Re-design UI/UX popup window of site search

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: [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

Skills: CSS, Javascript, PHP, User Experience Design, User Interface Design

See more: Re-design UI/UX for a Marketplace Dashboard, ui ux design cerca lavoro, learn ui ux design online free, freelance ui ux design, munka web ui ux design budapest, UX and UI design, ui/ux design, ui/ux design project for an app, ui ux design, i require a website mockup for a reporting portal that demonstrates the best ui and ux design that makes something traditionally, i require a website mock-up for a reporting portal that demonstrates the best ui and ux design that makes something traditionall, app design ui ux, facebook popup window site, site search box design css, form login search popup web design

About the Employer:
( 5 reviews ) Toronto, Canada

Project ID: #14697709

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
(55 Reviews)
6.6

98 freelancers are bidding on average $526 for this job

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
(160 Reviews)
9.3
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
(737 Reviews)
9.8
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
(90 Reviews)
8.9
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
(540 Reviews)
8.7
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
(401 Reviews)
8.6
xtreemsolution

Hello, Hope you going great.!! As your requirement for Designer. We have extensive experience more then 8 years in IT industry having highly experience and qualified professionals who believe in quality and tim More

$500 CAD in 10 days
(105 Reviews)
8.3
r4rony

Dear Hiring Manger, Greetings!! We will assist you in your project as we are expert web designers & developers with more then 10+ years of LAMP, WAMP, PHP, HTML5/CSS3, Graphic Design, User Interface / IA, Navigati More

$1030 CAD in 25 days
(171 Reviews)
8.4
magentoguys

Hi! CAN WE DISCUSS ON YOUR PROJECT NOW, PLEASE MESSAGE ME SOON I am a "Shopify developer". And fully Expert In Shopify Press Customization, integration, Upgrade,Design and Developing e-commerce website. I have w More

$526 CAD in 6 days
(180 Reviews)
7.5
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
(73 Reviews)
7.5
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
(478 Reviews)
7.7
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
(242 Reviews)
7.4
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
(192 Reviews)
7.4
creative223

Hello sir, Hope you are doing Great . I would like to scout task with you , I have read the project details I am sufficient enough to do this task with strong commands over required skills. ** PLEASE VISIT MY PORTFO More

$555 CAD in 5 days
(43 Reviews)
7.1
dinovoloder

Hello. Dino here from Lembro design team. We are interested to discuss with you about your project. Please, check our portfolio and ask questions if you're interested. Hope to hear from you soon. Relevant Skills and More

$600 CAD in 4 days
(52 Reviews)
7.0
malviyamanish

Dear Client , We gone through project description We are Really intrested to do work with you , We are Web & Software development company having more than 8 year experience in Software development we totally commit More

$555 CAD in 10 days
(214 Reviews)
7.6
Sonia8619

Dear Sir / Ma’am, I am designer and developer. My expertise are WordPress, Joomla ,PHP, Magento , Shopify ,Bootstrap, Woo commerce MySql : Responsive theme development, Ecommerece, Theme customization, Child Theme, P More

$555 CAD in 10 days
(91 Reviews)
7.2
JoomlaVogue

[login to view URL] Relevant Skills and Experience [login to view URL] More

$277 CAD in 10 days
(116 Reviews)
7.5
magento2expert

I am Shopify developer with exclusive 5 years of experience And in Shopify integration, Customization, Upgrade, Design and Developing e­commerce website As a Shopify developers have knowledge:­ Development of cu More

$740 CAD in 12 days
(92 Reviews)
7.1
forcitCample

Hi there. Hope you are doing great today !! I hope, your search for right contractor end here. ** I can accomplish all the tasks. I am a talented and experienced web designer/developer, I have extensive experien More

$750 CAD in 10 days
(107 Reviews)
7.0
DKinfo

Hi, I have read you job description and I am ready to to integrate search box and popup window as per your [login to view URL] message me I am willing to do this task. Relevant Skills and Experience I have 8 years expe More

$250 CAD in 5 days
(134 Reviews)
6.8