Website Theme Refresh
- or -
Post a project like this3546
$$
- Posted:
- Proposals: 16
- Remote
- #525165
- Completed
Website Design & Development / Web Application Development / e-Commerce Development / Etsy Consultant / Shopify / WordPress / Laravel / PHP
Ipswich
TOP Rated Shopify, ROR, Drupal, Magento, PHP, iOS, Android developer
Jaipur
PHP (WordPress, Shopify, Squarespace, Woo-Commerce, Joomla, Magento, Laravel, Drupal, CakePHP, Codeigniter) + iOS/Android Developer
Chandigarh
41491124580241816284518381542387510415735503693510431527227579133622521
Description
Experience Level: Intermediate
Estimated project duration: 1 - 2 weeks
General information for the website: We sell perfumery products
Description of requirements/features: www.Pairfum.com Theme Refresh
Objective
- Install a new ‘genesis’ based theme, Agency Pro, on the site
- Modernise some of the layout
- Make it a mobile responsive site
- Speed up the site
Work Required
Install the Genesis Agency Pro child theme.
- The pairfum logo left, top should become square but look similar to current site. The logo’s resolution should be suitable for ‘retina displays’.
o See this link: http://www.mediacrazed.com/tutorials/retina-logo-agency-pro-theme/
- Keep the same colours as the current site has:
o Black
o Pale yellow: #FFFAD9
o Where needed and appropriate:
Darker or paler version of the pale yellow
Dark grey
- Maximise the presentation of the lifestyle images of Pairfum. Hence, instead of the background image on the home page in the standard Agency Pro theme, there should be a responsive slider, i.e. Soliloquy
o http://wordpress.org/plugins/soliloquy-lite/
o Alternatively, we like the following solution for the slider on the home page:
http://sridharkatakam.com/full-width-soliloquy-slider-header-floating-top-genesis/
- The square fields a little down on the home page of the Agency Pro theme should be links to the category pages
o See this link: http://sridharkatakam.com/show-featured-pages-instead-posts-home-bottom-section-agency-pro/
- Ensure that Agency Pro layout also works on the Woococommerce pages:
o https://wordpress.org/plugins/genesis-connect-woocommerce/
o See this link: http://www.carriedils.com/woocommerce-genesis-important-style/
- Any code changes to the Agency Pro child theme should be saved externally so they do not get lost during theme updates:
o Either in a ‘grandchild’ plug in:
http://www.wp-code.com/wordpress-snippets/wordpress-grandchildren-themes/
o Or in CSS (custom style sheet) and saved externally from child theme.
- Agency Pro is mobile responsive. Hence, we expect the site to display on all types of screens:
o 95% of Phones (iphone/iOS, android, windows, BB, etc.)
o 95% of tablets (ipad, android, windows, BB, …)
o 95% of all desktop screens (Windows, MAC, …)
o In the mobile/table view, the menu should be drop down via a ‘settings icon’ or ‘hamburger menu icon’
See this link: http://sridharkatakam.com/make-header-menu-genesis-mobile-responsive-similar-beautiful-pro/
Top row navigation menu:
- Single row navigation menu, quite narrow to leave more room for the lifestyle images.
- Change the top row of page links to show:
o Reed diffuser, Candles, Sprays, Giftboxes, Sachets, Botanicals, Blog, Contact
- If it is simple, then we quite like a drop down menu (or a similar effect) for quick reference, just as in the standard Agency Pro set up.
Bottom row navigation menu:
- Existing links plus room for more
- Just as the standard bottom 3 x menus in Agency Pro
Page Changes
- Keep the existing page structure but add a new blog
- Remove the category overview page, i.e. the page you see when you click on ‘products’ on the home page. It is to be replaced by the 8 x square fields on the Agency Pro home page:
o See this link: http://sridharkatakam.com/show-featured-pages-instead-posts-home-bottom-section-agency-pro/
- Each category page, e.g. current candles / diffuser / etc. page, should have a responsive slider at the top, i.e. Soliloquy, similar to the new home page described above.
o See this link: http://sridharkatakam.com/set-different-background-image-blog-archive-pages-agency-pro/
WooCommerce
- In the near future, we would like to replace each packaging image in the shop, with an image without a background, i.e. the product/pack extracted from the background. The background colour should come from the site. In preparation for this, we would like to replace the current black frames around each packaging image with a rectancle, filled with a solid background colour ( a darker version of the pale yellow we use on the site).
Blog
- We hope that we can automatically push, via a plug-in, every post we publish on the new blog page, out to the various social media sites we maintain ( facebook, twitter, pinterest, tumblr,…).
Speed Up the site:
- Once the theme update (Genesis / Agency) is complete, implement the recommendations for pairfum.com on the following speed check sites:
o Google PageSpeed Insight - see this link: http://developers.google.com/speed/pagespeed/insights/
o Pingdom Tools - see this link: http://tools.pingdom.com/fpt/
o GTmetrix - see this link: http://gtmetrix.com/
Site Clean Up
- We would like a media files on the site organised in folders (lifestyle images, packaging images, logos, others)
- On the hosting server, we would like all unnecessary files removed.
Extra services needed: Customization, Optimization
Specific technologies required: wordpress woocommerce genesis
Extra notes:
Description of requirements/features: www.Pairfum.com Theme Refresh
Objective
- Install a new ‘genesis’ based theme, Agency Pro, on the site
- Modernise some of the layout
- Make it a mobile responsive site
- Speed up the site
Work Required
Install the Genesis Agency Pro child theme.
- The pairfum logo left, top should become square but look similar to current site. The logo’s resolution should be suitable for ‘retina displays’.
o See this link: http://www.mediacrazed.com/tutorials/retina-logo-agency-pro-theme/
- Keep the same colours as the current site has:
o Black
o Pale yellow: #FFFAD9
o Where needed and appropriate:
Darker or paler version of the pale yellow
Dark grey
- Maximise the presentation of the lifestyle images of Pairfum. Hence, instead of the background image on the home page in the standard Agency Pro theme, there should be a responsive slider, i.e. Soliloquy
o http://wordpress.org/plugins/soliloquy-lite/
o Alternatively, we like the following solution for the slider on the home page:
http://sridharkatakam.com/full-width-soliloquy-slider-header-floating-top-genesis/
- The square fields a little down on the home page of the Agency Pro theme should be links to the category pages
o See this link: http://sridharkatakam.com/show-featured-pages-instead-posts-home-bottom-section-agency-pro/
- Ensure that Agency Pro layout also works on the Woococommerce pages:
o https://wordpress.org/plugins/genesis-connect-woocommerce/
o See this link: http://www.carriedils.com/woocommerce-genesis-important-style/
- Any code changes to the Agency Pro child theme should be saved externally so they do not get lost during theme updates:
o Either in a ‘grandchild’ plug in:
http://www.wp-code.com/wordpress-snippets/wordpress-grandchildren-themes/
o Or in CSS (custom style sheet) and saved externally from child theme.
- Agency Pro is mobile responsive. Hence, we expect the site to display on all types of screens:
o 95% of Phones (iphone/iOS, android, windows, BB, etc.)
o 95% of tablets (ipad, android, windows, BB, …)
o 95% of all desktop screens (Windows, MAC, …)
o In the mobile/table view, the menu should be drop down via a ‘settings icon’ or ‘hamburger menu icon’
See this link: http://sridharkatakam.com/make-header-menu-genesis-mobile-responsive-similar-beautiful-pro/
Top row navigation menu:
- Single row navigation menu, quite narrow to leave more room for the lifestyle images.
- Change the top row of page links to show:
o Reed diffuser, Candles, Sprays, Giftboxes, Sachets, Botanicals, Blog, Contact
- If it is simple, then we quite like a drop down menu (or a similar effect) for quick reference, just as in the standard Agency Pro set up.
Bottom row navigation menu:
- Existing links plus room for more
- Just as the standard bottom 3 x menus in Agency Pro
Page Changes
- Keep the existing page structure but add a new blog
- Remove the category overview page, i.e. the page you see when you click on ‘products’ on the home page. It is to be replaced by the 8 x square fields on the Agency Pro home page:
o See this link: http://sridharkatakam.com/show-featured-pages-instead-posts-home-bottom-section-agency-pro/
- Each category page, e.g. current candles / diffuser / etc. page, should have a responsive slider at the top, i.e. Soliloquy, similar to the new home page described above.
o See this link: http://sridharkatakam.com/set-different-background-image-blog-archive-pages-agency-pro/
WooCommerce
- In the near future, we would like to replace each packaging image in the shop, with an image without a background, i.e. the product/pack extracted from the background. The background colour should come from the site. In preparation for this, we would like to replace the current black frames around each packaging image with a rectancle, filled with a solid background colour ( a darker version of the pale yellow we use on the site).
Blog
- We hope that we can automatically push, via a plug-in, every post we publish on the new blog page, out to the various social media sites we maintain ( facebook, twitter, pinterest, tumblr,…).
Speed Up the site:
- Once the theme update (Genesis / Agency) is complete, implement the recommendations for pairfum.com on the following speed check sites:
o Google PageSpeed Insight - see this link: http://developers.google.com/speed/pagespeed/insights/
o Pingdom Tools - see this link: http://tools.pingdom.com/fpt/
o GTmetrix - see this link: http://gtmetrix.com/
Site Clean Up
- We would like a media files on the site organised in folders (lifestyle images, packaging images, logos, others)
- On the hosting server, we would like all unnecessary files removed.
Extra services needed: Customization, Optimization
Specific technologies required: wordpress woocommerce genesis
Extra notes:
Huib M.
73% (3)Projects Completed
5
Freelancers worked with
5
Projects awarded
24%
Last project
9 Nov 2015
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies