UpYourService Re-design

12/3/14

When I first got this project, I was hesitant. The goal was to port their old site (which was a mix of one Joomla install and several WordPress sites) into one consistent WordPress install; oh, and not lose money on the project. It turned out to be very difficult. One of the big learnings from this project was that your site will always be developed better if you get all the designs done before development starts. That said, it worked out in the end.

One of the hardest things to do was to keep the URLs the same on the new site. We had to do a bit of complex redirecting using built-in WordPress functionality but were able to make it happen.

Some other project highlights include Javascript parsing for branding keywords, making the site responsive across both css and javascript, and adding custom breadcrumbs to wordpress.

The text is parsed on each page looking for keywords like SignUp, ReadUp, MeasureUP, and ShowUp. When found, the Javascript adds html to the “Up” portion of the word to make it read. This reduced the amount of html needed to add this branding to the site and allows the user to add it to the WYSIWYG.

The responsive aspects of the site sync across both the javascript and css. It is pretty cool. One example of this is the slider. Each slider image has both a mobile and tablet version, in addition to a desktop version. The browser loads the relevant image and changes the images on re-size with the changes in CSS.

Lastly, the custom breadcrumbs took a considerable amount of work, but as you can see, they work like a charm.

Live Project Link: http://www.upyourservice.com/

About The Author

Ben currently works as a senior developer and technical business consultant outside of Boulder, Colorado.

Read more about Ben

About Buink

Buink Web Development is a website development company founded in 2009. Although we still focus on web development, we now offer digital marketing services, web design, local SEO services, ecommerce website design, and custom logo design

Our value proposition: Buink can help you unleash the power of the internet and help your business scale with superior quality code at a competitive price and in a transparent, honest way. 

Read more about Buink

Buink Web Development
5.0
Based on 3 reviews
Cycle S.
Cycle S.
1709262820
Buink generously helped us optimize our Google Ads for an upcoming community event. He expertly walked us through our dashboard making precise recommendations that helped us launch a successful campaign. Google Ads were much more difficult to get going than we anticipated, so we were very grateful... for the advice.read more
Dru M.
Dru M.
1616686900
Ben’s a super responsive, thoughtful, sharp and all around great guy to work with. Excellent with his trade. I’d recommend him to anyone. Thanks Ben!
James Landon B.
James Landon B.
1535420033
Great company to help with all your web design needs!
Next Reviews
js_loader

Connect with Buink

Connect with Buink via email, send us a message, or subscribe to our blog.