Custom WordPress Web Site Development with Responsive Design for Optimum Mobile & Desktop Viewing

When the largest traditional karate dojo in New England wanted to update their web presence to take full advantage of modern web standards they turned again to DreamLight. We had originally designed a static HTML web site for them about ten years ago. That original site was state-of-the art at the time, but times change and web standards change even faster.

Logo Design, Corporate Identity Design & Corporate Branding

We started by creating a new logo design upon which a new site could be based. As a separate project we also created a full corporate identity program including logotype, letterhead, stationery, business cards, brochures, tear sheets, corporate communications, etc. with accompanying digital user templates for each.

Custom WordPress Web Site Development vs Canned Boilerplate Template Sites

We then researched other high profile web sites in their industry. Many of their competitors’ sites were based on similar templates from a typical web firm that markets the same canned templates, boilerplate copy and stock photos to as many companies in their industry that they can find. While that may be a very low cost option, it often results in a site that is virtually indistinguishable from all the competition with the only difference often being a simple name or logo change along with some other minor edits to the boilerplate text. We wanted to incorporate all the best features that such sites used, but in a more customized individual manner.

In order to help the Academy really stand out from and above all their competition on the web we designed a custom WordPress web site from scratch. We first designed a web page layout based on a flexible grid format that could be built and programmed in a responsive manner for optimal viewing on everything from small mobile smart-phones through tablets and all the way to widescreen desktop computers. We created the initial designs and options in Adobe Photoshop. Once the design was finalized and approved we selected a WordPress base template that would have the base features needed for the site that we could modify and use to build their custom site. We then created a child theme to implement all the customizations and additional features required for the new site which included the following features and more.

Custom WordPress Web Site Features Available

  • Responsive page layout for mobile smart-phones, tablets and widescreen desktop computers
  • Custom drop-down menus
  • Custom roll-over picture menus
  • Animated Revolution Slider page headers
  • Quick Contact Form on main pages
  • Custom Testimonials
  • Custom Staff Profiles
  • Custom Blog
  • Custom Contact Form with Google Maps integration & Contact Form 7 plugin
  • SEO customization with Yoast WordPress SEO Plugin
  • Added WordPress Security with iThemes security plugin
  • WordPress installation and configuration included
  • Ongoing maintenance: content updates, WordPress & plugin updates available

Custom WordPress Web Site Development using Responsive Web Design for Optimum Mobile & Desktop Viewing

Today customers often surf the web on mobile smart phones like the iPhone and tablets like the iPad in addition to mega widescreen desktop computers. So it’s important to design your web site with a wide variety of viewing platforms in mind. Responsive web design (or adaptive web design) means that the web page being viewed detects the actual width of the viewer’s browser window and adjusts accordingly on-the-fly. This way no matter what device is being used to view your web site it is professionally designed for optimal viewing on each and every possible device format.  On desktop systems you can see a responsive design in action by resizing the browser’s window. As you make the window narrower and/or larger you’ll see the page automatically reformat itself as it detects various widths. In addition to accompanying screenshots of the Academy site, you can see such responsive design in action by resizing the browser window of the live on-line Academy web site. You can also see an example of responsive design right here by resizing the browser window of this portfolio page you are currently viewing right here on DreamLight.com. Notice how the pages reformat on-the-fly as you resize the browser window from a large widescreen format all the way down to a very narrow mobile smart-phone size window.

Custom WordPress Web Site Development with Child Theme and Custom Fields, PHP, JavaScript, HTML & CSS

DreamLight’s custom WordPress web site development often consists of starting with a base theme or WordPress template and customizing or extending that theme by creating what’s called a child theme. A WordPress child theme inherits and builds off all the functionality already built into the base theme and allows specific customizations and features tailored to your individual needs. Through custom PHP programming, custom JavaScript programming, custom HTML coding and custom CSS style sheets we can modify and extend any theme for your specific needs. We described one CCS technique we used when developing the Academy’s WordPress web site, a CSS trick for creating outlined text, in our blog post CSS Tricks – Create CSS Outlined Text using CSS text-shadow Property.

Custom Fields in WordPress Backend with PHP Programming

DreamLight can also add custom fields and sections to the WordPress back end to facilitate using the new custom features designed specifically for your needs. Our custom WordPress web site development always includes installation and configuration of WordPress and needed plugins onto your web host. We can even customize the server installation if necessary such as outlined in our blog post Fix for Theme Menu Options Not Saving in WordPress.

Search Engine Optimization with Yoast WordPress SEO Plugin

Hack Fix for Yoast WordPress SEO Plugin

One of the primary pitfalls that can impair a great website is if nobody can find it. If nobody is looking at it, it won’t matter how great it is. One of the most common ways that people find your web site is through a search engine such as Google. DreamLight offers a full range of SEO Search Engine Optimization options. The best way to drive SEO is through quality targeted web content such as blog posts, white papers, tutorials, tips & tricks, etc. We can help you plan and build such quality targeted web content to help boost your SEO ratings. We install, configure and utilize the great WordPress SEO Plugin by Yoast which helps focus and score your SEO efforts. In fact we even tracked down and fixed a few bugs in the Yoast WordPress SEO Plugin as outlined in our blog post Hack Fix for Yoast WordPress SEO Plugin.

Custom WordPress Web Site Development for your Company

Whether you need a brand new website for your company or you need to update an existing web site to bring it up to today’s modern standards, DreamLight can deliver. We offer a broad range of web design options, from posting your existing content to a pre-built WordPress theme template to full blown custom WordPress web site development. Today’s modern standards often use responsive design for optimum viewing on mobile smart phones, tablets and desktop computers along with SEO search engine optimization. All our options include installing and configuring WordPress along with any needed themes and plugins. We can also recommend a WordPress friendly hosting provider if needed and offer on going web site maintenance and support. We can even bring our in-house animation expertise to bear on your project from custom 2D animated sliders all the way to 3D animated videos.

Contact us for more information about Custom WordPress Web Site Development or to explore your specific needs.