Posts Listing

Advantages of Custom Web Design versus Templates

Custom Web Design in Los Angeles


Whether you’re designing a website, creating an app or building an online store, it’s essential that your design looks professional and conveys the right message. There are plenty of tools available to help you create a website, but most of them come with limitations—and often cost more than they should. Custom web design is the best option for getting exactly what you want – it allows professionals to create your entire site from scratch based on your specific needs. Here are just a few reasons why custom web design is the way to go:

Custom site design is unique.

Custom site design is unique. It’s a better fit for your business, as it was custom-made for you. In addition to being more memorable than a template, it also conveys that you’re an individual who cares about what their website looks like and how it functions.

Custom site design is flexible.

A custom site design is flexible. If you want to change the look and feel of your site, or add or remove features, pages, content or layout—you can do it all. You might need help from a web designer at first because they understand the code behind your site and can help you make changes quickly.

But when it comes time for you to manage your own website, there are some things that are easy for any user:

  • Changing colors or fonts—This is something most people know how to do whether they have experience with websites or not! It’s just a matter of knowing what colors work well together and where best place them on your page (if using multiple)
  • Adding/removing pages—If something isn’t working out like planned then removing pages is easier than adding them! Most CMS systems allow users the ability edit existing ones but if someone has made an error in creating even one page then simply deleting means starting over again with only one issue instead of two…or three…or four…etc etc etc

Custom websites are responsive.

Responsive website design is a technique that allows your site to adjust its layout based on the screen size of the device viewing it. If you have ever visited a website on your phone and found some of the text to be unreadable because it was so small or had to scroll horizontally for more than one page, then you know what we mean by this.

In order for a site to be responsive, the code behind it must change depending on how much space is available. For example: if you have an image in your header that takes up 50% of the screen width when viewed from desktop computers but only 30% when viewed from smartphones or tablets (which typically have smaller screens), then your custom-made code should automatically resize that image so that it fills 30% of each section regardless what kind of device someone might be using.

This saves time because instead of having multiple versions of each page (one for desktop computer users, one for tablet users, etc.), only one needs to be created and all others are automatically generated based on user information such as browser size and screen resolution.

Custom website design can help with SEO.

  • Custom web design is unique.
  • Custom websites are flexible and responsive, which can help with SEO.
  • Custom website design can also be more affordable than you think!
  • Custom website design gives businesses an edge over their competition, so they will be able to stand out from the crowd and thrive in today’s digital world!

Custom site design can be more affordable than you think.

You might be surprised to learn that it can be more affordable to have a custom website built than to use a template. That’s because with a template, you’ll have the same design as everyone else who uses that particular template. If you want something unique, it will cost more—even if your site is simple and doesn’t require any customization whatsoever.

If you go with a custom web design service like ours at the Los Angeles Web Design Company, we can build your custom site on top of a WordPress platform so that no one else has the same design as yours.

Custom website design gives businesses an edge over their competition.

Custom web design is more personal. It can be customized with your specific colors, fonts and imagery. A custom website will match your brand’s style and feel, making it more unique than a template that everyone uses.

Custom web design is more flexible. A template may not allow for certain features that you need in order to do business online—which means you may need to adjust your site constantly as things change over time (think: new products or services). With a custom web design, this can be avoided because the designer has already designed how everything will look on screen—so it’s easier for them to add new features later on without having to worry about changing anything else!

Having a custom website makes your business grow

Having a custom website makes your business grow. It helps you stand out from the competition, be more attractive to customers, and increases your chances of success.

Custom web design is more flexible and responsive than templates or template-based platforms are. You can easily make changes or add new content as needed because it’s all custom-built for you—not pre-made for anyone else.

A custom website gives you an edge over your competition because it’s unique to your brand, making it easier for people searching online to find what they need from you. It also provides a better user experience with features that make sense for how they want to interact with the site (elements like forms that auto-fill customer information based on their previous orders).


As you can see, there are many benefits to having a custom website. It will help your business stand out from the competition and give it an edge over others. It’s also important to note that designing your own site doesn’t have to be expensive. In fact, by using our easy-to-use template builder tool, it can even be affordable!

Contact the Los Angeles Web Design Company >

Designing Inclusive Websites

hands on keyboard

Did you know that 15% of the population may not be able to access your website? Approximately 1 billion people have a type of handicap which prevents them from navigating some websites.

Understanding accessibility is the first step in creating inclusive design. Accessibility design is about removing barriers that may impair all users to fully access websites. In today’s technologically driven world, every person benefits from inclusivity.

Inclusive design makes every web site visitor comfortable regardless of their needs and abilities. L.A. Design Studio not only creates web sites for people with permanent disabilities but for situational and temporary disabilities as well.

Inclusive considerations:

Gender –
First of all, what is the reason for asking a person’s gender? If it’s for marketing purposes, asking a person to state their gender is risking losing a viewer. It’s understandable why users don’t want to share their personal information online. If the gender button is necessary, offer an “other” or “rather not say” option. This is a good choice if a person’s gender is different from the basic genders normally stated.

Images –
Have you heard the saying “A picture is worth a thousand words”? The images displayed on a web page should be as relevant as possible towards your target audience. The images should also be diverse trying to stay away from the norm. For example, instead of having the mother holding the child, the father can be holding the child. A person in a wheelchair can be throwing a frisbee with a dog on his lap. Two women can be playing football. The list goes on.

Inclusive User Interface-
Create an interface that works with a keyboard first using a non-touch, non-mouse, and non-visual approach. The screen reader should be able to access the entire website and then, visual effects are added.

Color is another important element to consider when developing a web site. Administering a good color contrast is the key to developing an easily viewed page by all persons. Color should be implemented to enhance the usability of a page. It should not be used to understand the flow of the design. Design elements are added to increase the visibility of important features of the web page such as adding color to charts and buttons and underlining links.

Less is More –
Do not overcrowd the screen with useless text and imagery. There is nothing wrong with negative space and it can enhance the messaging. Web pages that are too busy are difficult to navigate and there is risk of losing a potential customer.

Don’t generalize –
Don’t make assumptions based on the way the general public views things. It’s important to remember that not every body thinks the same way. Try to consider how others may be impacted. The idea is to include as many people as possible.

It makes sense to follow an inclusive web design, because the more people you reach, the more potential customers you can connect with. Design products for as many people as possible. Great inclusive design makes the world wide web better for everyone.

508 / ADA Compliant Web Design

Have you recently heard about web sites needing to be 508 / ADA compliant?

Title III of the Americans with Disabilities Act (ADA) and Section 508 of the Rehabilitation Act (508) are made up of laws requiring information to be made available to all members of the public including those with disabilities.

ADA protects the civil rights of individuals with disabilities participating in interstate commerce. Title III of the ADA prohibits discrimination against disabled people in “places of public accommodation”. Public accommodations include private entities that provide commercial services to the public. Steps should be taken to make certain that no disabled person is segregated or denied services. Title III not only includes brick and mortar accommodations but website accessibility as well.

Section 508 guidelines mandate that all federal agencies make their electronic and information technology accessible to individuals with disabilities. January of 2017, a final rule was published updating requirements for information and communication technology covered by Section 508 of the Rehabilitation Act. All companies under 508 guidelines must have all digital communications 508 compliant. This includes all website content, emails, computer software, gaming systems, apps, and PDF’s. PDF’s are not accessible by screen readers. Screen readers are used by those individuals who cannot read a website.

The 508 compliance law has expanded to any company that does business with the federal government, such as, legal organizations, private contractors, healthcare providers, service-oriented companies, financial industries, public service providers and many others.

There has been a sudden increase in web site accessibility lawsuits, although courts have not yet reached a consensus on whether the ADA applies to web sites. Neither Congress or the Supreme Court has established a set of standards for web site accessibility.

Web Content Accessibility Guidelines (WCAG) 2.1 defines how to make Web content more accessible to people of all ages and with all types of disabilities.

The WCAG has provided guidelines for website accessibility.

WCAG 2.1 Guidelines:

Principle 1: Perceivable – Information and user interface components must be presentable to users in ways they can perceive.
Guideline 1.1 Text Alternatives: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.
Guideline 1.2 Time-based Media: Provide alternatives for time-based media.
Guideline 1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
Guideline 1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background.

Principle 2: Operable – User interface components and navigation must be operable.
Guideline 2.1 Keyboard Accessible: Make all functionality available from a keyboard.
Guideline 2.2 Enough Time: Provide users enough time to read and use content.
Guideline 2.3 Seizures: Do not design content in a way that is known to cause seizures or physical reactions.
Guideline 2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.
Guideline 2.5 Input Modalities – Make it easier for users to operate functionality through various inputs beyond keyboard.

Principle 3: Understandable – Information and the operation of user interface must be understandable.
Guideline 3.1 Readable: Make text content readable and understandable.
Guideline 3.2 Predictable: Make Web pages appear and operate in predictable ways.
Guideline 3.3 Input Assistance: Help users avoid and correct mistakes.

Principle 4: Robust – Content must be robust enough that it can be interpreted by by a wide variety of user agents, including assistive technologies.
Guideline 4.1 Compatible: Maximize compatibility with current and future user agents, including assistive technologies.
Conformance Claims (Optional)

As stated in the WCAG website, no website will be 100% compliant as there are many different needs to fill. L.A. Design Studio will do their best to make each website as compliant as  possible.

Please do your own due diligence.
For further reading –

Section 508

United States Access Board Guidelines


Want more info, ADA Web Design Consultants


Award Winning Web Design

Photo for Award Winning Web Design

The Municipal Water District of Orange County (MWDOC) was awarded the 2018 #INSPIRED PROTOS Award of Excellence for Website Development for its outstanding efforts to rebuild and modernize the District’s website, This valuable resource serves as the primary water information hub for all of Orange County. The award was presented by the Orange County Public Relations Society of America (OCPRSA) at the 43rd annual OCPRSA PROTOS Awards Gala on September 27, 2018.

“MWDOC’s digital footprint continues to grow,” says MWDOC Board President Brett R. Barbre. “The District worked closely with the highly skilled and professional L.A. Design Studios to create a uniform, visually appealing, and user-friendly tool for all website visitors. The revamped website effectively tells the Orange County water story, while enhancing user experience, engaging the regional community, and elevating MWDOC’s visibility.”

In addition, this website also won the Gold Marcom for Digital Media, in the website category Municipality.


The 5 Best Techniques for eCommerce Websites in 2018

1. Harnessing the Power of Up-Sells and Cross-Sells on Your Website

If a particular product grabs the attention of a prospective customer, obviously it never hurts to let them know what other products they might also be interested in. Promoting a more expensive model of the same product a customer is looking at (or promoting accessories or special features that go with that product) is called upselling, while promoting a related, complementary product is called cross-selling. If the customer is looking at a laptop, suggesting that they add more RAM or a bigger hard drive would be an example of upselling, whereas suggesting that they also buy a printer would be cross-selling.

A robust platform like WooCommerce can facilitate upselling and cross-selling on your ecommerce site through the use of categories and tags. WooCommerce also gives you fine-grained control by allowing you to pick which product(s) should be promoted as up-sells for a particular product and which should be promoted as cross-sales. If you want up-sells in the form of more expensive features for the current product, WooCommerce has you covered there too through its product options system.

2. Helping the Website Customer Find Their Product via Searching, Filtering and Sorting

It’s important to help the customer find just what they’re looking for on your ecommerce site through a dynamic system that offers keyword search, filtering by product attributes (size, color, manufacturer, etc.) and sorting by things like price, top-rated, etc. This system would ideally be single-page (i.e., no page reloads are involved) for the smoothest customer experience. For keyword search, all words associated with products (categories, tags, metadata, etc.) should be considered, not just names and descriptions. For filtering, some options should be automatically disabled depending on the results so that the customer isn’t frustrated by selecting an option only to see the same results appear.

3. Giving the Website Customer a Good Look at the Products with Image Galleries

Being able to see multiple angles of a product, or see the parts/accessories that come with that product, makes for a richer customer experience on an ecommerce site. In particular, being able to see such images at high resolutions is more likely to convince them to make a purchase. A lightbox gallery is the best approach for displaying high-resolution images without directing the customer away from the product page. By default the lightbox should not overflow the display and should shrink the full-size image if necessary, but the customer should have the option to override this if they want to see the highest resolution possible.

4. Mass Website Importing Your Products Through Spreadsheets

Individually adding and editing every product you have for sale on your ecommerce site is probably woefully inefficient, especially if you have hundreds or thousands of products. Instead, it’s better to collate your data in a spreadsheet file and run it through a program that will update or insert your products accordingly. A generic product importer can do the job, but will probably require you to use special syntax in your column headers for complex things like product options, metadata, etc. A custom-coded importer, one that’s especially made for your store, can simplify things for you by allowing you to use whatever column headers make sense to you. Our programmers are ready to build such a solution for you!

5. Offering Website Customers Multiple Shipping Services

Not all shipping services are created equal, especially not if you’re selling overseas. Depending on the customer’s location, UPS might be the best choice for them, or it might be FedEx. Consider offering more than one shipping service on your ecommerce site even if you’re only selling in the U.S. Your customers will appreciate having more options to choose from, and will more likely be satisfied that they got the best deal.

The Top 5 Reasons WordPress Is the Best CMS in 2018

why wordpress is the best cms

1. WordPress websites are friendly to those who aren’t technically proficient

Installation is a snap: Just unzip the core package in the target web directory, navigate to that directory in a web browser, follow the step-by-step instructions and you’ll have a site going in minutes. WordPress websites administrative backend makes it simple to do all kinds of tasks. Need to install a plugin or theme? In most cases all you have to do is search for the theme/plugin using the appropriate admin search tool and you can then install what you’re looking for right from the search results. There’s usually no need to manually upload theme/plugin files, but just in case (say, if you’re using a premium theme/plugin that is not hosted at the admin provides a way for you to do just that from your browser. You don’t even need to use an FTP client. The WordPress admin also notifies you when themes, plugins or WordPress itself have updates, and makes it easy to apply updates with the click of a button. The WordPress core even updates itself automatically for minor bug-fix updates.

2. Those who are technically-minded will find it useful, too

Writing your own plugins and themes and activating them in the admin is as easy as dropping the right files into place. The key to using WordPress’s programming framework is learning its system of hooks and callbacks. The core defines its own set of named hooks, and distinguishes between hooks that are actions (the callback code is expected to perform some action(s) without returning a value) and those that are filters (the callback code is expected to return a value). In addition, plugins and themes can define their own hooks. These custom hooks can be useful for outside developers who want to alter the behavior of a theme/plugin in some way, or they can be useful internally for modularizing code. For example, if there’s a point in the execution of your code where various actions could happen, you can make that point a custom action hook and define different callbacks that hook into it. If you need to apply various transformations to a piece of data, that’s where defining a custom filter hook would come in handy: all the transformations can be separated into callback functions, each of which hooks into the filter.

3. WordPress has a vast community of developers, it’s selection of plugins is rich

Currently there are over 50,000 plugins on alone, and even more on third-party websites. Some of the most popular include Akismet (an anti-spam tool), WooCommerce (an e-commerce platform), Yoast SEO (for all your search engine optimization needs), W3 Total Cache (a complete caching solution) and Gravity Forms (build powerful forms to stay in touch with your users).

4. It’s administrative backend has a rich UI that integrates seamlessly into the frontend

When logged in as an admin, a handy toolbar at the top of the page follows you wherever you go, even on frontend pages. If you’re on a frontend page (or post) and want to edit it, you can jump to editing in the admin by clicking a button in the toolbar. While editing, you can preview your changes on the frontend before saving them. In addition, the WordPress Appearance Customizer allows you to edit certain parts of the site (widgets, nav menus, site logos, etc.) right on the site, with your changes immediately available to preview before saving.

5. Adding images and other media to WordPress could not be easier

WordPress’s Media Manager allows you to add images, videos and documents through a drag-and-drop interface. If you’re editing a page or post and need to add media to it, the Add Media button brings up this same drag-and-drop interface while also giving you the ability to search existing media. You can even build a gallery with this same interface just by selecting multiple media items. WordPress automatically generates various resolutions (thumbnail, medium, large, full-size) for each image uploaded. You can then select from one of these resolutions when adding to the post/page. Videos are also a snap to embed, even if they’re hosted on platforms like YouTube or Vimeo. You don’t need to bother with embed code, just click the video icon and enter the URL of the video, WordPress takes care of the rest automatically.

L.A. Design Studio® is a 1-stop shop for all our web needs – creative design concepts, website development, photography, video production, ecommerce, custom wordpress and digital marketing. Contact us today for free website consultation.

360 Virtual Tours

I put together a few demos of 360 degree virtual tour photography. I used to produce these back in the mid 1990’s. The panorama technology has progressed, does not require plugins, works on all devices, can be integrated with vr goggles,  and is starting to show incredible promise for many applications:

  • commercial real estate virtual tours
  • parks & recreation virtual tours
  • school campus virtual tours
  • corporate offices for recruiting
  • government & educational purposes
  • training applications
  • high end / luxury real estate virtual tours

1. Virtual Tour Demo
– this 360 virtual tour showcases an interior with various hotspots that can be used to highlight information, including text, photos, youtube videos and more. Be sure to click on the back doors to be taken to an exterior scene.

360 Virtual Tour Photography Demo

2. CoBa Arch
– this 360 virtual tour showcases a series of exterior images, be sure to click inside the arch to experience a live day-to-night transition.

Virtual Tour Photography

Offsite Cloud Backups for WordPress Websites

Most hosts offer some type of website backup service, but they are either on the same server, on-site, or just not consistent. They also don’t provide a simple solution to restore.

We are now offering off-site backups for all of our clients. This is an add-on for our web hosting packages, as well as an offering for any wordpress website on other hosts.

Our solution utilizes a plugin that automatically creates website backups and sends to an offsite location. In our case, we are using dropbox. We recommend a weekly backup and storing up to 4 sets, which will give you a month’s history.

Do you NEED off-site backups? I hope not. In 20 years, we have only needed to perform an emergency restore one time. One of our clients didn’t realize their hosting account expired. The hosting company removed all of the web files. Fortunately, we had off-site backups enabled and were able to quickly restore onto a new host. Since wordpress websites are database dependent, they are not easily stored, migrated or rebuilt. With offsite backups, it can generally be done with a few clicks. Off-site backups also allow for easy migration between hosts and servers.

Offsite Cloud Backups

  • automate, scheduled weekly backups
  • sent to our remote dropbox
  • encrypted transport to cloud storage
  • includes web, wordpress and database files
  • up to four backups are stored (1 month of data)

$50 / year

cloud backup for wordpress websites

Is your website “not secure”?

In July, 2018 Google Chrome is making it official, if your site does NOT have a security certificate, visitors will see this warning.

Google has been recommending SSL certificates for website security and also suggesting it will boost search engine rankings, too.

The solution is pretty simple, get an SSL certificate for your website. Most of our clients already have ssl installed, and if you’re hosting with us, it’s included. Some hosting companies will charge $75+ per year.

If you are adding an SSL certificate to your website, make sure the website is automatically forwarding to the https version. It is also critical to check all paths, as sometimes urls (pages, posts, images, scripts, external resources, etc) are not configured to https and may need to be updated. Not sure, contact us to review your website security.

Google Maps Updates Cost Structure to Website Platform API

Recently announced some changes to the Google Maps Platform, they are calling it a simplified product structure, pay as you go pricing for all, and more.

“Beginning June 11th, we are launching our new pricing plan and providing all users access to support. We’ll continue to offer a free tier — all developers will receive $200 of free monthly usage of our core products.

In addition, this change will require you to enable billing and associate it with all of your Google Maps Platform projects. Creating a billing account helps us better understand your usage so we can continue developing helpful products. It also allows you to scale easily with less downtime and fewer performance issues if your product grows beyond the $200 of free monthly usage. For additional visibility and control you can set daily quotas or billing alerts.”

How does this affect your website? If you have a simple google map, a dealer locator using google maps, this may have impact. It all comes down to how you are using the APIs, and how much website traffic you are generating. In general, most users should remain in the “free” threshold.

How about a rough breakdown on the costs?

  • Google JavaScript Website API (using dynamic map that you can move around on your website)
    Up to 28,000 loads on the Free $200 amount
    0—100,000 loads = $7.00
    100,001-500,000 loads = $5.60
  • Google Street View Image API
    Up to 14,000 loads on the Free $200 amount
    0—100,000 = $14.00
    100,001-500,000 = $11.20
  • Google Maps Geocoding API
    Up to 40,000 calls on the Free $200 amount
    0—100,000 = $5.00
    100,001-500,000 = $4.00
  • Google Maps Directions API
    Up to 40,000 calls on the Free $200 amount
    0—100,000 = $5.00
    100,001-500,000 = $4.00
  • Google Maps Distance Matrix API
    Up to 40,000 elements on the Free $200 amount
    0—100,000 = $5.00
    100,001-500,000 = $4.00
  • Google Maps Geolocation API
    Up to 40,000 calls on the Free $200 amount
    0—100,000 = $5.00
    100,001-500,000 = $4.00

The Places API (usually using the autocomplete function in both admin and user sides):

  • Google Places API Web Service
    Autocomplete – Per Character
    Up to 70,000 chars on the Free $200 amount
    0—100,000 = $2.83
    100,001-500,000 = $2.26
  • Autocomplete – Per Session
    Up to 11,000 sessions on the Free $200 amount
    0—100,000 = $17.00
    100,001-500,000 = $13.60

Can we put Google Maps on your website without using the Google Maps APIs?

Yes. Google Maps now offers the ability to embed the map that you’re viewing into your website or blog, without any programming or use of the Google Maps APIs. More information is available here.

Want more details, take a look at the google website documentation here.

Still have questions, contact us for website solutions.