Blog Archives

New Web Work: rbabyfoundation.org

New R Baby Foundation Website

Every now and then, a project comes along that we get really excited about. Last Spring, we suggested a website overhaul for this wonderful nonprofit, R Baby Foundation, which works to make emergency rooms better prepared for infants and children. We had been working with R Baby since their inception in 2005, helping them to evolve their brand. The nonprofit grew and thrived, but despite incremental improvements over time, their website did not keep up. By 2015, they had a home page that was choking with content and an outdated navigation that gave them 0 flexibility to showcase the growing work of the organization.

BEFORE

rbabyfoundation.org BEFORE

AFTER

rbabyfoundation.org Redesign

Aside from the outdated look of the website and lack of storytelling, it felt static and heavy. The client was also unable to make any edits to the website content and relied on us for all updates. So, spurred along by Google’s incentive to build mobile-responsive websites, the time came for the client to take the leap. We reorganized the website architecture, designed simple but elegant pages, and built an easy-to-use mobile-responsive WordPress website with a custom theme. It was important to the client that the heart of the issue is front and center, and that we show hard data that relates the scope of their work.

You can visit the new website here: www.rbabyfoundation.org.

Permalink →

2013 Wrap-Up: Our Creative Year in Review

For me, 2013 was kind of a slog. But despite the challenges this year brought, we got to work on some very awesome projects. Here’s what stands out.

Wwwordpress!

2013 brought responsive design and some really great WordPress themes that we designed for clients — seven total, five that have already launched.

Stylo Furniture & Design Website

We helped Stylo Furniture & Design launch their first e-commerce site, powered by WordPress.

townecrier.com

Our local client Towne Crier Cafe opened in Beacon in October. We designed the new website in conjunction with the grand opening. Full site coming soon. View site »

lisacuemanphotography.com

We helped our one of our favorite animal photographers Lisa Cueman launch her new portfolio site and blog this year.

mpoweroregon.com

Portland client MPowerOregon launched their new site in June. We also helped pull their logo and corporate identity together.

Branding & Identity Design: Alexander Project Services

What’s more fun than a branding and identity design project? One where we get to rename the company! This project also included a website (more WordPress), the proof of concept which drove our design. Read more about the project here »

Alexander Project Services Stationery

www.alexanderprojectservices.com - launching any day now!

New name, brand identity and website for Alexander Project Services (formerly BAF) in 2013.

Event Branding: Windows on Main Street 2013

This year was the 100th birthday for Beacon, and my town celebrated in style. We jumped on the bandwagon with Windows on Main Street and created a retro branding theme for the 2013 version of this annual community art event. The branding brought high visibility to the event!

WOMS Main Street Banner

Banner in the middle of Main Street announced our presence with authority!

WOMS Coasters

Coasters were distributed in all the pubs through the summer to promote the event.

WOMS Ad in The Paper

We even did a wee bit of advertising this year.

New Product Launch: MinderPet

This might have been my favorite project from 2013. It hit our sweet spot of combining product development, branding, and communications design. Read more about the project here »

MinderPet Packaging

Logos

And finally, a few new logos…

Permalink →

New Web Work: Stylo Furniture & Design

I was very happy to be asked to revise the portfolio and e-commerce site for my talented woodworker friend Randy Hornman, of Stylo Furniture & Design, as I’ve been a longtime fan. We tried to keep the design clean and elegant — trying to reflect his high standards of craftsmanship. We don’t do too many e-commerce sites, but in this case the client kept it simple, which we like.

See for yourself at www.stylo-fd.com »

Stylo Furniture & Design Website

Home Page

 

Permalink →

New Web Work: lisacuemanphotography.com

lisacuemanphotography.com

It was really a joy to have the opportunity to tackle a redesign of the website for Lisa Cueman, my favorite photographer of my favorite beasts. The website was built in WordPress and features custom galleries so that she can control the order and number of images in her portfolios.

lisacuemanphotography.com

Portfolio Landing Page

 

Lisa can easily add images to a portfolio and control the order that they display as well. This was an important requirement for her.

lisacuemanphotography.com

Portfolio Page

We worked hard to make sure her images shined on the laptop and on mobile devices. The site is responsive, so the size and shape of the pages change to accommodate different size screens.

lisacuemanphotography.com

We kicked this project off with a Web Redesign Workshop which helped direct the details of the design and functionality of the site. This helps us be super-efficient and leads to delivering exactly what our clients need. To learn more about our web redesign process, click here.

Permalink →

Website Redesign VII: Finalizing and Launching the New Site!

At this point in the process, 80% of our work is done! We did a Web Design Workshop to determine exactly what the site needs, we organized the information architecture, and designed the page templates. It’s finally time to build the thing! Before we do this, we pull together really specific directions on the architecture and functionality of the site so he or she can build it to spec. This is usually detailed in a Powerpoint document. We also hand off layered Photoshop files of the page templates so that the developer can utilize the design elements we’ve created and make the site look exactly as we want. Then everything gets zipped up and handed off to our web developer.

13-0613-LCP-Web2

Finalizing the Content

What’s next for you to do? Now is the time to gather all of the content the site will display: text and images. Presumably, we’ve discussed this already so we’ve been working on gathering and editing content throughout the process. In general, the more actual content we have while we’re designing the site the better. If you’re using content from your existing site, consider a re-write to freshen it up, especially if we’ve done a branding exercise that revealed some holes in your brand communication.

It’s best to hand off all the final content to the developer along with the IA and design files. But if you haven’t made the deadline, don’t fret. We can use it to test out the beta site once it’s done.

Web Site Beta Review

Once the developer has finished creating the beta site, it’s my job to be sure everything is working properly. So I take a swing through the entire site and do a thorough QA review. This usually results in a punch list of little things that need to be fixed. Just like redoing a kitchen.

Lisa Cueman Web Review

Once the kinks are worked out, I will send the beta website link for you to review. Your job is to go through it very carefully to be sure the content is correct. At this point, it is possible to make substantial changes to the functionality of the site, but this generally will add cost to the site build so we don’t recommend it.

CMS Training

Most of the websites we are building these days are built in WordPress, which has a mercifully easy-to-learn backend CMS (Content Management System). We do this so that you can update the site whenever you like, without incurring extra costs from the pesky web designer. But, still, you need to learn how to navigate through it and see where everything is. This takes about an hour and can be done over the phone. Easy!

Wordpress Backend

WordPress Content Management System

At this point, any final edits should be made so that we can…

Launch the Website!

Once you’ve nodded your head in approval, we launch the site. This might involve moving the website to a new hosting service, or archiving your old site and installing the new one on your web server. Either way, once the pages are live the world will see your shiny new website and we hope you are very happy with the result. We work hard to make it great.

All posts about Website Redesign »

Permalink →