Executionists - We Get Web Done

by Jessie Jo Blalock

Nearly 1 in every 5 Americans access the web daily and by 2012, 1 in 2 mobile subscribers will own a smartphone. Due to such a rapid growth of smartphone sales and mobile browsing, it is imperative that web designers and developers educate themselves with the best practices of strategic mobile web design. With new technologies comes a new set of challenges, in which case, remember what your mamma taught you:

Less is more

… Especially when it comes to mobile web design! Mobile design should be regarded as scaled down versions of their parent site. And since smartphone screens vary in size and shape, mobile website design must remain clean and simple.  If so inclined, you can always leave the option to visit the standard site through a simple link.

Actions speak louder than words

Literally. There is such little room for content on a mobile web page and mobile users are typically on the go, wherein mobile web designers must prioritize their content with actions (IE a login page, product search, store locator, etc.). Remember: person’s goal for browsing the web from a mobile device is vastly different than a desktop or laptop.

Cleanliness is next to godliness

Clean and semantic markup will guarantee that the browser is capable of accurately displaying the web page and provide the mobile users with a more pleasant experience with little to no errors or difficulties.

Better safe than sorry

An ample amount of white space is essential in mobile web design. Though the objective of most companies’ websites is to engage users and present them with as much information as possible about their products and services, too much content will appear chaotic on a smartphone.  Afford plenty of white space in your site design to ensure your site will be displayed properly on any mobile device.

Waste not, Want not

With mobile Internet connection speeds generally being slower than desktop Internet connection speeds and a variety of screen sizes, implementing images and pictures does more harm than good. Excessive use of images will produce an unfriendly user experience; mobile users want functionality over design aesthetics.

Executionists, Inc. offer mobile solutions for websites, click for a free consultation.

See Our Work

By Jessie Jo Blalock

In an age where organic products, green lifestyles, and holistic practices prevail, websites are leaning towards a more modern, Zen approach by drawing upon minimalist design. As far as the success of website goes, it is no secret that “content is king,” however, in 2010 it is about keeping the superficial layer of the website less…. superficial. Akin to Feng Shui , everything in web design should serve a purpose, placement is key, and the absence of clutter is essential. A website should feel natural while being aesthetically pleasing and user-friendly. The last thing a website’s design should create is a disruption to a user’s online chi.

Minimalist web design goes hand-in-hand with the changing tone of media communications in general. As society becomes more Internet savvy and media literate, they are less likely to surrender to noisy, manipulative marketing schemes. Like the persistent salesman in the room who is trying too hard to sell everyone everything, people are avoiding cluttered websites for ones that are less intrusive. Websites are beginning to remove all the useless bells and whistles and strip down to their bare essentials. Now more than ever, the focus of modern web design is on clear, effective communication and content. Though a trendy minimalist design might be just as calculating as it’s predecessors, it produces a more tranquil and raw experience for users while being more intuitive and efficient.

Trends

The notion that history repeats is universal. In the realm of design, to repeat history is to pay homage to its predecessors. Repetition emerges as reinvention and reinvention transpires to become a trend. “Design trends do not exist to be followed. They exist to be broken, reshaped and abolished by the spirit of creativity rippling through the design community” explains Vitaly Freidman, Editor in Chief, Smashing Magazine. The following are design “trends” have been manipulated to sustain the changing web atmosphere.

(more…)

How Much Does A Website Cost?

Almost every potential client asks this question. I’ll get to the answer in a roundabout way but first some obligatory back story. Over the past 13 years we have developed hundreds of website with budgets ranging from $1000 to $50,000. We have also worked on Fortune 500 company websites in conjunction with other development companies, these total budgets have been $100,000 – $1,000,000. For websites of this scope the team can consist of 10 or more people working full-time for six months or longer.

Websites just don’t happen, they are the result of the execution of a methodology or process that arrives at a successful result. Our website design methodology is based on 13 years of experience, starting with a website for FootLocker.com back in 1996. Our methodology has evolved over time, to make the process more streamlined and flexible. Our basic approach is:

1. Discovery
2. Planning
3. Interface Design
4. Integration
5. Testing
6. Launch/Maintain

This simple 6 step process can be modified to fit a smaller project by reducing the amount of effort spent on various steps. For example the “Discovery” process can involve just one simple phone call with the client to learn about their brand and goals or it can involve several all-day meetings. The “Planning” process can involve a short document that addresses the creative and technical requirements or it can involve days of research into the competition and building matrices of features and functionality. So you can see that each step in this process is flexible and can be modified to fit a target project budget and requirements.

Flexible process = Flexible Effort = Flexible Cost.

So, how much does a website cost?

It depends on what you are trying to build. Here are some of the key elements that we need to consider:

• Online Marketing Strategy: Do you have one? Don’t think that “if we build it they will come”. It’s important to have an understanding of marketing channels and how your business will use them.
• Branding/logo: Do you have your logo developed? Do you have a style guide for your brand?
• Interface Design: How long will it take to arrive at the look-and-feel that you envision for your business?
• Features and Functionality: This is the meat of the website, what features do you want (online portfolio, media downloads, etc) and what functions do you need (ecommerce, interactive forms, etc.)? Although ecommerce, search and membership are commonplace on the web – that does not mean that this is easy to develop. There are a lot of pre-built (open source) solutions but they invariably have to be customized and that effort can be time-intensive.
• Hosting: This is usually a small cost but still an important part of the process. Will your hosting company allow us to easily configure the options we need for your website?
• Testing: The more complex your website, the more testing is required. Also what browsers do you want your site to work on? If you want IE 6.0 or Safari that could take a lot of additional time to test and troubleshoot.

The above list illustrates that there is a wide difference in requirements for websites and many questions that need to be answered.

More Requirements = More Complexity = Higher Costs.

So how much does a website cost?

When we estimate a project we try to get a good understanding of the project requirements and then estimate the number of hours required for the following 3 primary tasks:

• Interface Design = Design for all site graphics and page layouts, may also include Flash animation design (if required).
• Programming = Hosting setup, database setup, application design and programming, testing, technical project management.
• Project Management = Primary point of contact with the client, project schedule and milestones, communication, consultation and testing.

Other tasks like Logo Design, copywriting, and Marketing Strategy can also be added to the requirements if needed.

Once we have estimated the number of hours for each task we multiply that by our hourly rate which (at the time of this article) is approx. $90 an hour for most services. We then provide the final project estimate to the client and if accepted, our in-house team strives to keep the project within the approved budget. During development, if there is danger of the project exceeding the budget due to unforseen circumstances or new client requests, the issue is brought to the client’s attention so that the budget can be adjusted or compromises made.

Note about our rates: If you search for website design and development services you will find a wide range of fees. Offshore companies may have rates as low as $17 an hour. Students fresh out of school may charge $15 an hour, boutique development companies range from $75 – $150 an hour, larger national firms can easily charge $250 and more per hour. Keep in mind that there is a world of difference between the experience of a $17 an hour developer and a $150 an hour developer. Our rate is based on what we believe is reasonable for the bulk of our clientele which are small to mid-sized, Los Angeles-based businesses. Our methodology has been tailored to deliver design and development services based on that cost.

So, how much does a website cost?

Let’s walk through a few brief client scenarios to help you get an understanding of costs:

Client One: MJ Associates

This small, professional services business needs a website primarily for marketing purposes. They have an offline brand/logo and some website design ideas. They will provide the content for their website which consists of text, headshots, logo and a video of their CEO. They provide a short list of websites they like during a meeting that our Project Manager and Art Director have with them in our/their offices. They don’t require any databases but we will hook up a 3rd-party email management tool for them so they can collect client inquiries and send out email blasts. There will be approximately 8-10 pages.

Estimate is as follows:

Interface Design: 20 hours – will include some Flash design
Programming: 32 hours – HTML, PHP and CSS
Project Management: 18 hours
Total: 70 hours = $6,300

Deliverables:

Following is a semi-complete list of the deliverables from our team:

• Planning document that lists creative and website goals
• Content checklist and schedule
• Access to our project management tool (if desired)
• 2 home page design options that get modified based on client input to arrive at one  approved design
• Design for website pages (based on the home page design) and all associated graphics
• Flash design elements (usually a promotional animation)
• Programming for the website and integration of 3rd-party email management tool
• Integration of all client content
• Integration of Google Analytics
• Upload to client’s hosting server and setup of email addresses
• Testing and Launch
• Proactive submission of site to the major search engines
• At the end of the project we provide the client with a complete copy of all our original files on CD (.PSD, .FLA, HTML, etc)

This type of project accounts for about 1/2 of the projects we do. Post-launch, these companies often come back to us for content updates and enhancements. We bill these at our regular hourly rates or fraction thereof. Clients who require regular edits can save money by getting one of our Retainer Plans that offer discounted rates.

Client Two: Ecommerce Website

This mid-sized business needs a marketing website and ecommerce for their product line. They have an offline brand/logo and some design ideas. They will provide the content for their website which consists of text, headshots, logo, product photos and PDF downloads. They provide a short list of websites they like during a meeting that our Project Manager, Art Director and Tech Director have with them in our/their offices. They have a merchant account.

Estimate is as follows:
Interface Design: 24 hours – will include some Flash design
Programming: 60 hours – HTML, PHP and CSS plus integration and customization of Php-based cart for online shopping.
Project Management: 30 hours
You can expect to pay a little more for the hosting and an SSL certificate
Total: 114 hours = $10,260

Deliverables:

Same as client one above but add a few hours for training on the ecommerce solution.

Client Three: Membership Website with CMS

This business needs a marketing website for a new brand. They also need membership and email marketing components. They will provide the content for their website which consists of text and video clips. They provide a short list of websites they like during a meeting that our Project Manager, Art Director and Tech Director have with them in our/their offices.

Estimate is as follows:
Branding design and online style guide: 36 hours
Interface Design: 60 hours – will include some complex Flash design
Programming: 140 hours – HTML, PHP and CSS plus integration and customization of Drupal or similar CMS and membership modules.
Email template design and programming: 16 hours
Project Management: 48 hours
You can expect to pay a little more for the hosting and an SSL certificate
Total: 290 hours = $26,100

Deliverables:

Same as client one above but add a few hours for training on the CMS solution.

Cost of Website Add-ons

There are a thousand add-ons you can use to enhance your website. The estimates below reflect the general requirements we have seen, however there are many factors that can push these estimates higher. If you don’t see your add-on here just give us a call and we can provide an estimate.

• Custom Content Management Systems- For clients who want to manage their own content we integrate and customize  content management systems (CMS). We work with PHP-based open-source CMS solutions like Drupal. Costs for integrating and customizing Drupal can range from $4,000 to $20,000 and up.
• Custom Blog- Many clients want a WordPress blog within their website customized to their website branding and design. This ranges from $1,250 – $3,000 and up.
• Email Marketing Campaigns- Clients that want to gather emails and send out branded email blasts for announcements or newsletters require an Email management tool. We integrate the 3rd-party tools (graphicmail, mailchimp, constant contact,etc.) and create an email blast template design, we can even manage your email blast. $720 and up.
• Branding/Identity Development- Logo design is something we are often asked to do. We start with an 8 hour process that generates about 6 rough logo concepts. If one of these is chosen we go through several rounds of edits to arrive at a final version.  $900 – $3,200
• Style Guides- An online styleguide is important because it establishes brand consistency and provides a guide for all your print collateral and online marketing. Basic styleguide $1,440.
• Targeted Landing Pages- Landing pages are pages that promote a specific product or service. They are usually part of an email, social media, or banner ad campaign. We can design and create these pages starting at $650.

So that’s how much a small business website costs.

One final note: If this website will be a significant part of your business please don’t skimp on the design and development. If you’d expect to pay $100,000 for a brick and mortar retail shop (inventory, interior design, furniture, rent, utilities, staff, equipment, insurance, etc) – then don’t balk at paying reasonable rates for the creation of your online business.

Feel free to send us your requirements or call 310-754-3807, and we’ll get back to you quickly to let you know how much your website will cost.

Download this white paper

At Executionists, our team works with several external developers with expertise in various programming languages. Robert Jung is a Drupal developer extraordinaire that we call on when a Drupal project comes our way. Below is an email correspondence Robert wrote at the end of a long series of client requests. It’s letters like this that break the monotony and tension that sometimes develops between client and development partner. I don’t think you need to know much about Drupal or Flash to appreciate it. (Client names have been changed).
————————————-

From: Robert Jung
Re: Urgent ImageMap Page Bug Fix Request

All,

Pull up a chair and make yourselves comfortable; it’s time to do a little magic trick with image maps, Flash animation files, and www.clientwebsite.com…

First, proving that my recollection is working correctly, I am happy to mention that image maps using Flash SWF files are working properly on www.clientwebsite.com.  An example of this can be found at http:// www.clientwebsite.com/flashimagemapdemo — the two sides of the Flash animation can be clicked to go to individual image map detail pages.  This was the feature the client originally asked for and which was delivered several months ago.

“Ah,” you ask, “but then how come the buttons at http:// www.clientwebsite.com/meet_the_team don’t work when visiting the page on a Mac?”

The reason for this is due to a little secret: according to the official W3C HTML spec, image maps only work with — surprise, surprise — images.  By decree of the keepers of the internet, you CANNOT USE FLASH WITH IMAGE MAPS.

“But wait!” you cry.  “Image maps DO work with Flash!  I can go to http:// www.clientwebsite.com/flashimagemapdemo and use the image map there!”

At the risk of getting my membership at the Magic Castle revoked, I will now reveal the secret: For www.clientwebsite.com, when we create an image map using a Flash SWF file, we superimpose a transparent .GIF on top of the Flash animation (using CSS).  When you click on the image map at http:// www.clientwebsite.com /flashimagemapdemo, you’re really clicking on a transparent .GIF, while the Flash animation plays underneath.

And that is the reason why the movie control buttons at http:// www.clientwebsite.com /meet_the_ team didn’t work — because when you click on the buttons, you’re *actually* clicking on the transparent .GIF instead — which intercepts the clicks before they can activate the movie control buttons.

(The controls work on a Windows PC because the Windows version of Flash ignores the transparent .GIF overlay and reads the clicks “through” the transparent .GIF.  The Mac version of Flash, on the other hand, doesn’t do this.)

While that’s all fine and dandy for those who enjoy stupid geek tricks, the non-geeks are starting to get bored.  “What about that control we wanted for turning off image maps with Flash SWF map files?”

Never let it be said that I leave customers unsatisfied…

*POOF!*

On the ImageMap map page controls (under the “Edit” tab), you will now find a checkbox marked — appropriately enough — “Disable link items for Flash SWF image maps.”  If that box is checked and your image map is using a Flash SWF file, the image map functionality is disabled.  You can then make links inside the SWF that link to the children imageMap pages, as requested.

And that brings us to the end of our little geek magic show; the folks at www.clientwebsite.com get their image maps working exactly as they wish for, Mr. Parr gets some happy customers, and I get to indulge myself with a punch-drunk creative writing exercise…

Have a good evening, folks.  I’ll be here all week!

–Robert Jung
rjung@mac.com

Submitted by: Richard Parr

Executionists

Today there are hundreds of social networking sites (Friendster, imeem, Flickr, Myspace, Plaxo, Xanga, the list goes on) that are connecting people around the world with different backgrounds, interests, hobbies and professions.  The three major sites that remain at the forefront are Facebook, Twitter and LinkedIn.  What, you may ask, is the difference between the three?  Which one will be the most beneficial for my business?  If you are unfamiliar with the growing phenomenon of social networking, here is an overview of the basic differences between Facebook, Twitter and LinkedIn.  Depending on you or your company’s goals and objectives, you will hopefully have a clearer perspective of which service best fits your business.

Who’s using what?

Facebook was created in 2004 by Harvard sophomore, Mark Zuckerberg with the original intention to connect college and high school students.  By September 2006, Facebook had been opened up to everyone: from high schoolers to working professionals.  However, since the original target audience was comprised of 18-24 year olds, teens to mid-twenties do comprise of the largest percentage of the 175 million Facebook users.

Twitter is a relatively young company, beginning as a start-up project in March of 2006.  Although Twitter is growing at a rapid pace, the 25-44 year old users have seem to found the most use out of Twitter.  Unlike Facebook and LinkedIn, Twitter users consistently update their status in brief, 1-2 line segments so Twitter visitors tend to be younger, web-savvy and heavy Internet users.

LinkedIn was created in 2003 by it’s five original founders who invited 300 of their most important contacts to join.  As of February 2009 LinkedIn has over 36 million users, many of them being college graduates, working professionals and top-level executives.

Casual vs. Business

Facebook is perhaps the most complex of the social networking sites.   Aside from basic information (age, relationship status, interests, work and education information) Facebook has several add-on capabilities that allow you to do anything from “Invite friends to become a Fan of U2” to send e-gifts on your friends’ birthdays.  Thus, while Facebook does have the largest amount of users, it allows for a more detailed and personal insight.  In other words, while you may find that your co-worker graduated from NYU and was president of his business fraternity you may just as well discover his drink of choice during happy hour.

Since Twitter is based on simplicity, it is difficult to gauge whether it is more business or person oriented.  Unlike Facebook and LinkedIn, in order for your Twitter profile to be beneficial you have to update it on a regular basis.  Twitter users answer the simple question of “What are you doing?”.  Friends, family members and co-workers can “tweet” on anything from running late to lunch to links to their latest blog post on the benefits of great web design.  By “following” your favorite people, you get immediate updates to what everyone is up to in a quick, simple fashion.

LinkedIn allows you to connect with other working professionals.  Your profile is made up of your basic information, school/job history, and professional expertise and accomplishments.  Through your network you can recommend colleagues, create and collaborate on projects, market your company and/or blog, but most importantly be introduced to new business contacts.  LinkedIn is also a great place to join or start groups in order to gain new insights from discussions with other professionals in your field.

The Verdict?

Facebook is the site if you don’t mind combining both professional and personal aspects of your life.  With the greatest number of users, it requires little time and upkeep to create a profile which can potentially help drive other users to your company website or blog.  It is the more casual of the three and with the rising number of add-ons and features, your profile can become quickly cluttered with unwanted junk.  However, with Baby Boomers being the fastest growing demographic on Facebook and over a million Americans joining by the week, it would be a good idea to jump the Facebook bandwagon and begin “friending!”

Twitter is the site to use if you are a heavy web user and are looking to effectively promote yourself and your business on a consistent basis.  You will build a greater following if you constantly update, because you will always have new things to read.  If you rarely update, chances are not as many people will bother to read your Tweet.  Remember to be careful with your Tweets so they don’t get too “spammy”, you’ll want to mix promotions for your business with other relevant info. Twitter is simple, to-the-point and up-to-date.

LinkedIn is primarily geared towards professional use only.  Your profile summarizes your professional qualifications and expertise. LinkedIn promotes you with your connections, your connections’ connections, and the people they know… thus opening the door to literally hundreds of potential clients, associates and customers.  The time to set up your LinkedIn account, upload a picture and link your websites is well worth it.

by: Jeanelle Rabadam
Marketing Team
email: jeanelle@executionists.com

We’re proud to announce some of our recently launched projects!

Studio DNA Salon
www.studiodnasalon.com
November, 2007

The Million Lights Project
www.millionlightsproject.org
November, 2007

The Festival of New American Musicals
www.lafestival.org
November, 2007

Discrimination Attorney
www.discriminationattorney.com
October, 2007

The Safe Sippy
www.thesafesippy.com
September, 2007

We are proud to announce that we are the recipient of a 2007 WebAward for
Outstanding Achievement in Website Development
presented by the Web Marketing Association!

Our award was presented in recognition of our work on the Christopher Laue Productions site.

Christopher Laue
Executionists, Inc.
Events Standard of Excellence

Creative Director: Richard Parr
Senior Designer: Kaoru Wood
Flash Designer: Conrad Julian
Project Manager: Temy Gu

Our overall scores:

We are thrilled and grateful to be recognized!

Here are some key issues to think about when commissioning a web design company to make or remake your website.

1. What is your intended launch date for the new site?

2. What shortcomings existed with the previous site?

3. What are the main reasons you are redesigning your site (new business model, outdated site, expanded services, different audience)?

4. What are your primary online business objectives with the site redesign? (Examples include increased sales, marketing/branding awareness) Please discuss both long- and short-term goals.

5. Describe a typical site visitor. How often are they online, and what do they generally use the web for? Give basic demographics: age, occupation, income level.

6. What is the primary “action” the site visitor should take when coming to your site?

7. What are the key reasons why the target audience chooses your company’s products and/or services (cost, service, value)?

8. Use a few adjectives to describe how your site visitor should perceive the new site.

9. How does your company differentiate itself from competitors? Do you think your current audience differentiates you from your competition? Please list competitor URLs.

10. List the URLs of any sites you find compelling. What specifically do you like about these sites?

11. Will this site use existing content from the previous site? If so, what is the source, who is responsible for approval? If not, will you be creating content in-house or using an outside provider?

12. What is the basic structure of the content, and how is it organized? Is it a complete overhaul of the previous site or an expansion? Do you already have a sitemap or outline for the proposed redesign?

13. What is your target platform and browser? Are there specific technologies (Flash, AJAX, JavaScript, DHTML, etc.) that you would like to use in the site?

14. Briefly, what are your short-term marketing plans (specifically, for the site redesign and the 6 to 12 months following launch)?

If you can quickly and succinctly answer all of these questions, you’re well on your way to creating a great website. Knowing your target audience and exactly how you wish your site to function will help us help you expand your business.

Book
(www.readtoc.com)
Launched May, 2007

For this website, we did the entire design and development, including the Banner Ad design. Also, We also programmed basic Search Engine Optimization (SEO) to maximize potential search result yield.

Glass Family Law
Law & Legal Services
(www.glassfamilylaw.com)
Launched May, 2007

Again, we completely designed and developed this website from scratch. Also, we included basic SEO to encourage traffic from various search engines.

Library Bar
Bar & Restaurant
(www.librarybarla.com)
Launched June, 2007

This was our design, as well. After development, we included SEO to increase web traffic to the site.

Take some time to check out these great professional products, services and establishments.

When you’re done, take note that Executionists can design and develop a website to highlight any product or service — visit executionists.com and browse our portfolio!

If you’re a traditional retail business, you can often open a shop selling widgets with little local competition. Other than your signage and the occasional mailer to remind people that you’re there, there’s little need for aggressive marketing.

But, open a business on the web, and suddenly you’re competing with local, national and even international competitors. Unless you have a niche, local service business or exclusive product, you have no choice but to get aggressive on the web.

So what can you do? (more…)