Completed

Responsive Web Design Enhancements for existing website

SEE ATTACHED DOCUMENT FOR COMPLETE SPECS

Our image search site ([url removed, login to view]) is in need of some Responsive Web Enhancements. The enhancements to the mobile and desktop renderings of the web site are detailed in these two mock-ups:

• Mobile Mock-up: [url removed, login to view]

• Desktop Mock-up: [url removed, login to view]

Much of the mock-up is interactive. So you can click on it to see it's flow.

NOTE: this project does NOT include the "password recovery" flow within the above mockups.

What we will provide:

• The HTML/CSS and images used within the mock-up, so that they may be used within the final product.

• The full source code to the current web UI as an extractable package. The code base is written in PHP and uses the Yii framework.

• You'll use a ssh key to establish a tunnel to our mysql testing server so that the ui will be responsive.

• For each milestone you'll send us the modified source code so we can verify it was reached.

Overall Changes

1. The same code base will be used for both mobile and desktop versions. However, the UI will be responsive to the device type.

2. The top nav bar will change as depicted in the home page mocks

• Add a slide-out menu as depicted in the mockups. Click on the slide-out button icon in the mock-ups to see its contents

• A new Jelly Fields logo gif will be used.

• Clicking on the "search" icon will cause the search field to be exposed. NOTE: The positioning of the search field differs for the desktop and mobile views. Refer to the mock-ups for the behavior.

• The actions performed by all control elements will trigger the code in the existing code base.

Mobile Specific Changes:

Nav Bar changes:

1. Add icons for the "search", "home page", "Favorites" and "My Tasty Streams" to a nav bar below the logo as depicted in the mockup.

2. The search field will be rendered in the row below the search button

Thumbnail container:

1. All thumbnail streams will be two column on mobile with image sizings and spacings as depicted in the mobile mock

2. Thumbnail streams currently auto-paginate. When a request for a new page is sent, display a "loading" gif. Remove the gif once rendering of the new page of images begins.

Enlarged Image View:

The mock-up of the "enlarged Image" page depicts how the page shall be displayed when an image is clicked on to enlarge it (http://1rhf50.axshare.com/#p=enlarged_image_not_fav):

1. The photographer's name and "visit page" icon are displayed above the image.

2. The favorites button below it

3. At least the first row of related thumbnail images below that.

4. Auto-pagination of the thumbnails shall continue to work as it does on the current site.

5. Clicking on the favorites button shall be rendered as depicted in the mock-up.

⁃ It will also trigger the favorited API call

Sign-in/Registry Page

The sign-in and registry pages shall be rendered as depicted in the mobile mockup. They will perform the same actions as the current site.

Desktop Specific Changes

Nav Bar changes:

1. Add icons for the "search", "home page", "Favorites" and "My Tasty Streams" to the right of the logo as depicted in the mockup.

2. The search field will be rendered to the left of the search button. Click on it in the mock-up to see the animation effect.

Thumbnail container:

1. The number of columns for all thumbnail streams will dynamically adjust to the window size on desktop, taking up a max of 90% of windows width.

2. Thumbnail streams currently auto-paginate. When a request for a new page is sent, display a "loading" gif. Remove the gif once rendering of the new page of images begins.

Enlarged Image View:

The mock-up of the "enlarged Image" page depicts how the page shall be displayed when an image is clicked on to enlarge it

1. The title is above the image

2. The photographer's name is displayed on the bottom left and "visit page" icon on the bottom right of the image. The favorites button in the center

SEE ATTACHED DOCUMENT FOR REMAINING SPECS

Note: Auto-pagination in the current system sometimes doesn't automatically fetch the next page. This is especially problematic on slow connection. This behavior shall also be fixed.

Milestones: The project would be delivered and paid for in 3 milestones, with approximately 10 days for each milestone:
1. Niavbar + Slide out menu changes for Mobile and Desktop
2. Thumbnail Container changes + Pagination fixes
Enlarged View Changes
Sign-in/Registry changes
3. Fixes from testing and verification

The above milestones are flexible, but represent the type of deliverable based milestones we'd be agreeing to and setting up.

Device Compatibility - The final product will function of the following desktop and mobile device browserss:
* Desktop Browsers: IE 7+, Chrome, Safari, Firefox
* Mobile Device Browsers: iPhone, Android, iPad

Skills: HTML5, PHP, Software Architecture

See more: yii - design, yii design, www yii, www web design software, www top web design com, work for photographer, work at home call center, windows desktop icon design, window logo mockup, width first search, what's new on web design, what is responsive web design, what a photographer does, website top menu bar design, web site icons, web sign design software, web search remove, web pagination, web pages icon, web icons and design elements, web design uses, web design ui, web design top 1, web design top, web design software windows

About the Employer:
( 16 reviews ) Leesburg, United States

Project ID: #6854421

Awarded to:

scottburch

30 years of software development experience with 5 years developing single-page web applications some large-scale intranet applications. I do not rely on server side rendering reducing server-side load.

$1500 USD in 30 days
(1 Review)
4.4

50 freelancers are bidding on average $2682 for this job

phpMaestro

Hello, We have analyzed your project requirement in detail along with the reference site [url removed, login to view] and as per the analysis we need to redesign your existing website as per your requirements. Core functi More

$2749 USD in 30 days
(362 Reviews)
10.0
kchg

Hello Sir I'm interested with your project. I have good skill and my place is 8th in freelancer i'll do it for you i can do it i will more than you could guess :) If you give me this project, i will work full ti More

$3092 USD in 30 days
(426 Reviews)
9.5
meet2amitvw

Let's discuss over freelancer Personal Message Box for the proper estimation of cost and time. I am myself doing programming so you will directly work with one person and that's me. No mediators. No managers. No sub More

$2835 USD in 30 days
(160 Reviews)
9.3
esolzsales

We would love to discuss in details before placing in a firm bid. -------- Some Notes: - We come as one of the top recommended, for a reason. - If you want quality, we can deliver but our prices are never the cheap More

$4639 USD in 50 days
(316 Reviews)
9.8
infoway

Hi , Thanks for the opportunity to be a part of your project. After review your project spec , we are very much confident to move forward and start to work immediately after your confirmation. But before that , it More

$3290 USD in 36 days
(442 Reviews)
9.5
leadconcept

Dear Sir, I have read your Project Description but we are unable to open the wire-frame links, so can you tell me if it is video files or why it is blocking our IP? Just so you know, our current bid is not our ac More

$3157 USD in 40 days
(88 Reviews)
8.9
aistechnolabs

Dear Client, Hope you are doing well! We have gone through your requirement and we understand that you are looking for highly skilled, creative, and experience Designer for your project. I am glad to say our d More

$3505 USD in 40 days
(68 Reviews)
8.7
thetechie13

Hello, Please check my website work below Responsive Company websites [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] More

$2368 USD in 30 days
(311 Reviews)
8.7
seekdeveloper

Hello, I have read your post and understood your requirement. I have great experience in handling Wordpress /Magento/Joomla/Drupal/PHP/Java/node.js/AngularJS Python/Django/Javascript/MySQL/ HTML5/CSS3/ More

$3092 USD in 30 days
(108 Reviews)
8.6
TheInnoVibes

Hello, We are a hard-working web-development company working on core PHP And Wordpress projects. We can develop cross-browser, W3C compliant good quality professional websites. We have gone through your requirement More

$2577 USD in 7 days
(563 Reviews)
8.4
buraqtech

1. Vollks Australian Online Store In these days we are complete re-designing and reimplementing an online store for our Australian client in which we are using X-Cart latest stable release to implement his all require More

$2510 USD in 30 days
(98 Reviews)
8.0
Shalena29

Предложение еще не подано

$2368 USD in 28 days
(214 Reviews)
7.6
gkws

Hello Hiring Manager, Greetings from geniuskline webtech solutions pvt ltd. Following are our past work, have a look. [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] More

$2319 USD in 30 days
(183 Reviews)
7.8
fleetways

Thank you for looking at our bid. Kindly advise, we have quoted 40-50 days effort; not sure about any responsive css you may already using, we plan to use bootstrap if not being used already. IE7 - we will have a sep More

$2631 USD in 45 days
(89 Reviews)
8.0
rockerstech

I have experience in developing and available straight to start your work and all communication can be done via skype/viber/email. I can do better job. We have clear understanding of project and can start work straigh More

$2842 USD in 30 days
(81 Reviews)
7.7
iDCreativeUK

Hi, Mark here, I would be interested in discussing this project with you. Thanks for the consideration, I hope to hear from you soon Thanks, Mark

$2989 USD in 30 days
(28 Reviews)
7.3
Infenixwebs

Hi, I have experience in web projects, if you check my reviews you will see that I have gotten excellent results from previous employers. If you have any questions or concerns please do not hesitate to contact me, than More

$3000 USD in 32 days
(147 Reviews)
7.6
prashushinde9

Hi, I (Myself a senior PHP, ASP.NET programmer using C# and VB) have a team having experience of more than 10 years in developing web and mobile applications. I have a team of expert programmers who write robust and bu More

$2577 USD in 50 days
(58 Reviews)
7.1
vietwebdev

Hi I have more than 5 year in Design and Develop responsive website, Jquery, HTML, CSS so I believe I will make you happy in both the quality work and the service I provide you. Please check out some recent re More

$2368 USD in 30 days
(150 Reviews)
7.2
Hariomtechnology

Hello, We are one of the best programming team on freelancer. We have more than 102+ Client Reviews (Feedbacks). Please check our profile here: http://www.freelancer.com/u/Hariomtechnology.html. Please see som More

$1666 USD in 17 days
(78 Reviews)
7.0