Ocean Beach MainStreet Association

501(c)6 Private Nonprofit Business Organization

The Ocean Beach Web site has many functions. At first glance it invites people to OB as a destination with annual events, attractions and local news. Users are presented with one click access to an event calendar, local restaurants, hotels and venues, photos, videos, detailed history, member resources and much more. The MainStreet Association is funded through grants for BID's (Business Improvement Districts) and manages around 550 memberships.

Responsive Website Design & DevelopmentThe layout of the Ocean Beach MainStreet Association was designed to match the mood of visitors who are looking to have a good time. The menu items were carefully researched using Google keyword tools to determine the maximum benefit possible. For example the word "Stay" was searched for far more often then Hotel and similar lodging terms. Using the word Stay instead increase the sites exposure to people search for a place to stay at the beach.

The idea of using keyword tools and analytical data was used for all sub-menu items as well and mirrored on each sections landing page.

With Ocean beach being known for its annual events such as its world renowned Street Fair & Chili Cook-Off a touch capable slideshow take up the entire top 1/2 of the screen. Each slide is displayed for 10 seconds and then the next event and/or promotion as well ads is then displayed. A person using their touch device can swipe left to right to view each item.

The next 1/2 of the viewable area (above the fold) are the three tiles. We review the website's analytics on a monthly basis to determine which content people search for the most. And combining the fact that people are more likely to click on a photo than text we create these three creative tile which are referred to our industry as CTA's (Call to Action) where you show a title, brief teaser and text guiding the viewer to where they want to go.

People want to be shown where to go. The days of discovery which was popular with Flash based websites is long gone. People will only give you 3 to 10 seconds on average to give them the information they are looking for. If you don't succeed they will simply move on to another website that does.

Next we have two other rows of information which are displayed below the fold. Having worked in the industry for a long time I've found that people's opinion are about 50/50 on whether or not they scroll. Some people simply despise it while other crave it. With touch devices and Windows 8 sliding and swiping content is now the norm. So, appealing to those who don't mind a little flick of a mouse wheel or swipe on their mobile device we present them with some more information which again was determined by compiling months and in this case years of analytical data; Upcoming Events, Local News along with a simple Newsletter sign-up form.

On the fourth and final row we address the organization responsible for the promotional website. This area houses all things related to the Ocean Beach MainStreet Association, its members, contact info, media resource for local news outlets and its social media networks.

Smart Phone ViewHere we have the smart phone view of the Ocean Beach website. It is very important that it load quickly. Its responsive design improves search engine rank placement (SERP). These days content is still king when it comes to search engine optimization but how you display all that content just rank #2 on Google's list of what you should do with your website.

Review of the site's data trends show that more than half of the site's visitors are viewing it from a touch device. So not only should you layout respond to various screen sizes it must be touch capable as well.

On the back-end the Web site not only serves as a content management system for Web site content it serves as the staff main administrative tool that saves them time by making it easy and efficient to create multiple membership reports, print labels, run advertising reports to viewing sales summaries and checking stock on inventory.

In addition to the Web site itself we analyze and consult on its trends and the goals issued by the OBMA Executive Director and Advisory Board. When a new idea is implemented we collect real user data and measure this data against past solution before making new ideas permanent. It is this recurring practice that keeps new users coming to the site, gets them to the information they need and takes this Web site to #1 on the Google search engine. It's taken a lot of work getting this Web site to where it is today but we've enjoyed every moment of it. We look forward to improving its usability and extending its reach every month.

Screen Captures

Below are select screen captures taken of the website. Click an image to view all images in a lighbox.
Full Home Page