Dynamic News Site, Streetwise Reports

Assignment: Redesign Website for Better Access to Information

Client: Streetwise Reports

Designing and maintaining a news site presents an interesting set of challenges for both the web design team and the editorial team. A challenge that is faced by every news site in common is how to display the large amount of content that is required to appear on the homepage, while still creating a pleasant reading experience. This content changes on a frequent basis, creating added layout challenges, and needs to link to full stories on other pages, which adds a layer to the visual hierarchy. Additionally, news sites generally rely on ad revenue to keep the operation up and running, and there is often little control over the appearance of these ads, meaning that their size and position must be well-considered in order to maintain visual balance on the page.

In redesigning the suite of websites for Streetwise Reports, we looked at which content would change daily (feature, or breaking news stories), which content would change only minimally in appearance (stock tickers, video placeholders, and the like), which content would never change (navigation, newsletter sign-up) and which content would pay the bills. We then devised a grid structure for the layout that could house these categories, and provide the right level of flexibility and consistency.

Event Planner Website, marilynambra.com

Assignment: Event Planner's Website

Client: Marilyn Ambra Party Consultants

Getting a user beyond their concerns and removing any perceived risk thay might have in regards to working with a company should be the number one goal for any business website. This is especially true for wedding planners whose clients are facing one of the biggest, most emotionally-charged events in their lives. A wedding planner's website needs to communicate a level of expertise, confidence and grace by not only showing gorgeous imagery, but also clearly spelling out a solid process.

Fortunately for this wedding planner, describing her process was easy - she does it everyday with her clients. It's part of what makes her stand out, and it's a big reason behind her many successful years planning weddings and upscale events.

We presented the process as a pictorial grid layout so that users could quickly get a glimpse of the sequence, and dig deeper into any aspect they desired. This has helped users understand the multi-faceted nature of Marilyn's business and her ability to coordinate all the details. When arranged in list- or paragraph-form, this information, which is so critical to alleviating prospective clients' concerns, often gets passed over.

New site design, Unified Color

Assignment: Increase User Engagement

Client: Unified Color

New Website Design, W.R.Hambrecht

Assignment: New Website Design

Client: W.R.Hambrecht

Website design for smartphones, BigTray.com

Assignment: Website Design for Smartphones

Client: BigTray.com

Website Redesign, Cerf Computer Consultants

Assignment: Redesign for Better Search Results

Client: Cerf Computer Consultants

Assignment: Catering Company Website

Client: Elaine Bell Catering, Napa

When users are browsing your site, they are making a judgement about whether they can trust you. After all, they are not meeting you in person (yet), so they are unable to rely upon the typical set of tools we humans use when we meet each other for the first time - body language, eye contact, personal hygene, a charming personality, and so on. They are reading your site, looking for some indication that they can have a connection with you. This is where your content comes into play. Do you speak their language? Do you understand their pain? Can your visitors relate to the photos of people on your site? All these questions are being answered on a sub-conscious level, and the answers influence whether the user will contact you, or whether they'll click back to the search results and try another site.

Are you beginning to see how content is crucial?

When we were writing content for the Elaine Bell Catering website, we wanted to put readers at ease, assuring them that no matter what the situation, Elaine's 30 years of catering experience put her in a good postition to handle it with grace and charm. We could easily support this message with plenty of photos of delighted guests, along with their bouyant testimonials, because there were so many to choose from.

The site saw a nice improvement in user engagement, as evidenced by the User Flows report in analytics, and this has coincided anecdotally with more calls from prospective clients.

Assignment: Website Overhaul

Client: BigTray Equipment Supplies

Assignment: Site Design for News Broadcast Hub

Client: Streetwise Reports

Designing and maintaining a news site presents an interesting set of challenges for both the web design team and the editorial team. A challenge that is faced by every news site in common is how to display the large amount of content that is required to appear on the homepage, while still creating a pleasant reading experience. This content changes on a frequent basis, creating added layout challenges, and needs to link to full stories on other pages, which adds a layer to the visual hierarchy. Additionally, news sites generally rely on ad revenue to keep the operation up and running, and there is often little control over the appearance of these ads, meaning that their size and position must be well-considered in order to maintain visual balance on the page.

In redesigning the suite of websites for Streetwise Reports, we looked at which content would change daily (feature, or breaking news stories), which content would change only minimally in appearance (stock tickers, video placeholders, and the like), which content would never change (navigation, newsletter sign-up) and which content would pay the bills. We then devised a grid structure for the layout that could house these categories, and provide the right level of flexibility and consistency.

Assignment: Increase Customer Engagement

Client: Unified Color

A high priority for successful websites is to increase customer engagement. We see the Twitter logo on the backs of cereal boxes, urging consumers to "follow us on Twitter," QR codes that appear on packages of underpants linking to the homepage of the company website ... there are examples of weak attepts to engage customers everywhere. So how are the most successful organizations pulling it off?

The website design community has seen a big shift in the competitive landscape over the last few years. Long gone are the days of "Welcome to our homepage!" – users now visit a website with a goal in mind. Website design companies worth their salt know that it's no longer about simply getting tons of visitors to a site. It's about helping those visitors find what they came for, engaging them, and making their experience worthwhile.

Your visitors are probably well aware that you have a product to sell. Beating them across the eyeballs with big, red BUY NOW buttons will not turn them into raving fans. But by making your site a hub of conversation with forums providing the opportunity for members of the community to shape the conversation, contribute their own insights, or to return for advice is something that your users will reward you for, by sharing your site with other like-minded community members.

In the example above, monthly photo contests are held, with contest winners being tapped for interviews about their photography techniques. This approach provides a steady stream of content that appeals to new visitors to the site, as it helps them understand the applications of the software, and it keeps regular visitors of the site engaged. This kind of loyalty has the added advantage you signalling Google that your site is relevant and useful.

What are you doing to make your website a hub of conversation?

Assignment: Redesign Outdated Website

Client: Marilyn Ambra Party Consultants

Getting a user beyond their concerns and removing any perceived risk thay might have in regards to working with a company should be the number one goal for any business website. This is especially true for wedding planners whose clients are facing one of the biggest, most emotionally-charged events in their lives. A wedding planner's website needs to communicate a level of expertise, confidence and grace by not only showing gorgeous imagery, but also clearly spelling out a solid process.

Fortunately for this wedding planner, describing her process was easy - she does it everyday with her clients. It's part of what makes her stand out, and it's a big reason behind her many successful years planning weddings and upscale events.

We presented the process as a pictorial grid layout so that users could quickly get a glimpse of the sequence, and dig deeper into any aspect they desired. This has helped users understand the multi-faceted nature of Marilyn's business and her ability to coordinate all the details. When arranged in list- or paragraph-form, this information, which is so critical to alleviating prospective clients' concerns, often gets passed over.

The site is still quite new, so we haven't collected enough data yet, but from an anecdotal standpoint, the experience has been very positive for visitors to the site.

Assignment: Corporate Intranet Design

Client: Wells Fargo International

The best website designs make it easy for users to find what they are looking for, and designing a corporate intranet site is no different. For many large organizations, the creation, management and distribution of marketing resources is a time consuming and scattered process, often resulting in duplicated efforts and an excessive burden on the internal team. This was felt by Wells Fargo's Foreign Exchange Services team, so they looked for a solution for cataloging their marketing resources.

There was a group intranet site in place, but it was poorly utilized and seen as a last resort for finding information. Fortunately, we were able to take full advantage of its functionality and use it for an online repository of marketing resources. Materials were organized by department and cross-referenced by type to help different departments leverage the work done by other departments. This greatly increased the utilization of existing marketing resources, cutting down on requests for new pieces. Additionally, we created an interactive scrolling visual catalog of all marketing resouces to allow team members to quickly browse for marketing ideas. Team members could click on a thumbnail to download a template if it was available, or to be put in touch with the piece's owner.

This turned into enormous time savings for the internal marketing team, but it has also made it easy for them to view the entire system of marketing resources, allowing them to see pieces that needed to be retired or updated.

Assignment: Communicate Low-Price Positioning

Client: OrderUp Equipment

Designers want to make beautiful, elegant web designs. But what if a site is trying to communicate that it has the lowest prices around? Will an elegant design communicate this? If a website's design looks upscale and expensive, chances are that the site's visitors will perceive the products to likewise be expensive. So then, what approach should be taken to provide a pleasant user experience, while communicating low prices - without resorting to 1997 web standards for design?

This interesting design challenge was one we faced when we were designing the look for BigTray's website, an online low-priced restaurant equipment store. As every desiger learns in design school, a user's perceptions are shaped by many different design elements: color, typography, white space, scale, language, imagery ... and the trick is to manipulate these variables while still focusing on the principles for good design.

website design for OrderUp Equipment - communicating low-price positioning

Our designers of course, love good typography and were excited when web fonts evolved to offer more choices than the standard Arial and Palatino. But this was the first place where constraint was called for, and we opted for the stock, standard Arial and displayed text links in the tried-and-tested blue with an underline. We chose a simple color palette, making good use of the primaries and kept contrast high.

In the end, we were able to design a website that provided a pleasant user experience while still communicating the company's low-price market position. Heeeey!

Assignment: Improve User Experience

Client: speaking.com

Are you operating in a highly competitive marketplace? In very competitive environments, search engine optimization efforts can take you only so far - your website has to provide your visitors with the information they are looking for FAST! Once that is done, the next step is to remove all barriers that might get in the way of your visitors hiring you: Is the contact form too long or buggy? Does your pricing seem too complicated? Is it difficult to find your phone number? If your users are required to work hard to hire you, they won't.

As the mantra for web usabilty goes, "Don't make me think!"

Website redesign for a keynote speakers agency

We redesigned this website for a creative agency representing keynote speakers based on what we know of user search methodologies. By analyzing user pathways through the existing site, we were able to create user scenarios that told us what the site's visitors were looking for. By reconfiguring the site's structure and navigation, we were able to develop a design that aligned with users' goals. The outcome, that we were able to track in Google's Analytics data, was a lower bounce rate and higher engagement levels.

An additional benefit of a lower bounce rate (besides the obvious benefit of losing fewer visitors to the competition) is that Google interprets this information as an indication that your site is more relevant to the search being conducted, and rewards the site by ranking it higher in search results.

So, in a nutshell: better usabilty = lower bounce rate = more leads + better search rankings

Crisis or Ego?

Saul Bass, one of the great designers who helped shape the world we live in, once said "There are only two reasons for rebranding (I believe the same goes for redesigning a website): crisis and ego." Every website redesign we've ever done was driven by one of these two things – crisis, as in site functionality, poor conversion rate, low traffic, etc., or ego – you decided to get a face lift. Either way, we can help. We breathe life back into sites which have disappeared in Google search results, or suddenly getting monstrous bounce rates. And we can help freshen up your site's aesthetic appeal and user satisfaction by improving the site structure, the navigation, the layout and the visual design.

If your website is not providing you with new business or leads every single day, then, that ain't right, right?

Redesigning Your Website? Start With a Goal.

Defining the goals of your site is the crucial first step in your redesign. Without this, your site is, well, screwed. Staying focused on big, clear objectives will help steer every other decision that follows. What's driving the need for a new website? Why now? What should the redesigned site accomplish?

The success of a website design depends on the goals that have been defined.

What are you aiming for? Your site will have an overall reason for being, but there will be many smaller goals along the way, such as getting a user to click to your pricing page, sending an email, or viewing samples. We help you define these goals for a site that serves your needs.

Next, Develop a Plan.

Your site's goals are the measurable milemarkers along the road to generating leads or making sales. For some site owners, this part is easy. Stringing all these together into a plan that meets your audience at every stage throughout the buying cycle can be where things get complicated. Thinking in terms of a sales funnel can help you understand what your visitors might be looking for – are they browsing to learn how to do something? are they looking for a company or product to help them? Are they weighing options for different items to buy? This is where we help you speak to your site's visitors in relevant terms.

A Plan is not a Strategy

Understanding the difference between a plan and a strategy, in terms of how you redesign your website, will set you above your competition. A strategy is a fluid way of taking action, which considers that all the parts are moving, constantly changing – while a plan is sometimes little more than a list of tactics. Your strategy considers where you are in the marketplace, the nature of your customers and the activities of your competitors, and it requires agility and good judgement. Painting the big picture will raise you up from the bottom-feeding masses, to where your vision takes you.

"The design was killer, but best of all the entire project was done on time." –John Santoro, VP of Marketing
Unified Color

Redesigning a website is a big deal. It is not just the investment of money and time, but there is a significant opportunity cost too. Opprtunity cost is the term economists use to describe necessarily foregoing other options whenever a choice is made. Neglecting the groundwork of defining goals and strategy when planning your website can lead you to having a site that poorly accomplishes your objectives; you are thereby foregoing having a site that accomplishes what you need it to.

We help your site's visitors find their way to your goals.

Simply putting all your information up on the web for your visitors to discover on their own is no longer enough. Your visitors don't have time to poke through your content, and making them work for the information they are looking for will only send your users back to Google. Using your site's analytics, incorporated with the goals we help you define, we'll define user pathways that provide your users the information they are seeking, and deliver them to your most high-value pages.

It's Easy to Get Started

Starting with an initial discussion to talk about who you are and what you desire, we can put together a custom proposal that describes our approach, the project scope, deliverables, and cost — all designed to fit your budget and timeline. Give us a call at (510) 206-5478 and we'll get started helping your business become more successful!