Posts Listing

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.

Could Your Website Use More Video?

Web design is important, but you need great content to persuade customers to work with your company, or to buy your products and services. More and more, business owners are discovering the power of online video, and the way it can be used to supplement text and static images.

Is it possible that you could use video on your website to generate more leads or sales? Could a few clips help cut down on the number of customer service requests you have to answer? Could video just make your website more interesting and engaging?

Based on our experience with dozens of companies, the answers to all of these questions are probably “yes.” But, integrating video into your business website can be overwhelming. That’s why today we want to give you a few simple and straightforward ways you can use video on your pages.

Here are just a few of the things you can do quickly and affordably with video that might help your company grow…

Give Customers a Virtual Tour

It has been well documented that most people have a fear of the unknown. That is, they’ll stick to routines that are familiar even if trying something new might benefit them. You can use this to your advantage by offering website visitors a virtual tour of your company. Then, they’ll be more likely to stop by because they’ll feel like they’ve already had the experience of being there.

Introduce Your Staff

In the same way you want your location to be familiar to potential customers, you can use online video to introduce them to your staff, as well. This can be surprisingly effective, especially if you work in a people-oriented business. The more friendly and accessible you and your team are on your website, the easier it will be to generate phone calls, appointments, and walk-in visits.

Explain Important Features or Benefits

There are some product features or competitive strengths that are difficult to explain with text. And, people have an easier time believing what they’ve seen with their own eyes over what they have read on a web page. Putting those two truths together, it’s easy to see why a video demonstration can be much more compelling than a simple product or service page would be.

Share Customer Testimonials

Nothing adds credibility to your business like testimonials from previous customers who have had good experiences. And, by presenting these in video format, you turn your satisfied buyers into real people rather than anonymous names and faces on a website. Plus, online video reviews and testimonials can be shared through your social media profiles for extra effect.

Show Off Your Personality

Sometimes the most effective online marketing videos have little to do with marketing at all. Numerous entrepreneurs have discovered they can get interest from customers by posting videos of their pets, their favorite charities, or even little jokes or pranks. You don’t want your website to be full of silly videos, of course, but having a couple of them can separate you from all the other vendors out there in buyers’ minds.

Online video used to be a novelty for marketers with huge production budgets. Now it’s easy to create and edit a clip that can go online within hours. We hope you’ll give these ideas a bit of thought, and then see how a handful of clips might help you take your sales and marketing efforts to the next level. Check out our Los Angeles video production portfolio.

Looking for online marketing recommendations that are tailored to your business and situation? Contact our creative team today to schedule a free consultation and see what we can do for you.