Operation Wellbeing is the website of Counselor and Personal Development Coach, Lisa Loewenthal.
Lisa was looking for something different, to help set her apart from the more common styles of counseling websites, one that was warm and welcoming and reflective of her love of art. She allowed me a lot of artistic license with this design, and I am happy to say that she is beyond pleased with the outcome.
Seeking to really make Lisa comfortable in her new online home, I used pieces of her own artwork to help build the header image, namely the colorful textures that make up the sun, sky and the background for the sub-header, where the video, quote, and image of Lisa resides.
She expressed a desire for some kind of wood accent, which, fittingly enough, was incorporated into page borders, thereby framing the entire site. While there are a lot of lovely textures and layers within the design, it’s the header image that really brings it all together.
Outside of the site design, I also shot and edited the video you see on the home page and within the sidebars on the internal pages, took the photo of Lisa that appears below the header, and designed two versions of the logo: the one visible within the header, and the orange & charcoal minimalist version (seen here, to the left) for her business card and other print-related materials.
Working with Lisa was both ridiculously fun and ridiculously rewarding, and I can’t thank her enough for allowing me the opportunity to help design and develop her website and identity!
The site is designed on top of the ever-popular, WordPress CMS.
You can view an image of one of the internal pages, here.
The image to the left is the second incarnation of my online portfolio. I’m currently on my third, Ether Bound. I really liked the previous version, but I wanted to re-invent the site with something a little less ‘dark’.
The first version of my site was called Dwarven Brassiere. Unfortunately, I do not have an image of that design, though I do have the logo.
Mahalia Freed, a Naturopathic Doctor with a practice in Canada, contacted me after having seen my work on Orna Izakson’s website, Celilo Natural Health Center. She was interested in a new site design and re-branding her identity, while maintaining the overall style of the logo she already had.
My first order of business was reworking the text in her logo, while keeping the existing floral design, followed by a new business card design.
Next up was the site design itself. The image here shows the first version of the new site, which we later changed. The layout remained relatively the same, replacing the existing blue with a darker maroon color for the description bar and the alternating sidebar item backgrounds.
Then we reworked the header image, which developed into a tetraptych, the first image her logo. After we had chosen the photos for the 3 remaining spaces, I removed the newsletter signup link at the top of the page and implemented a newsletter signup box as the first item in the sidebar. Finally, I moved the search bar up above the header image to occupy the space where the original newsletter ink had appeared.
The last major change was with some of the heading typefaces. She chose some replacement fonts from Google Web Fonts to replace the homepage content headings as as well as the site description style, just below the header image.
Some notable features of the site include a video archive, rotating sidebar testimonials, an event calendar, and a contact form.
Mahalia was exceptionally easy to communicate with and an all around excellent client I’m very happy to have helped her in the development of her new site and brand.
ESTRELA Sustainability Consultants is an ecologically conscious consulting firm located in Portland, Oregon. ESTRELA tailors a ‘green’ sustainability master plan for each business and organization they work with, that meets the abilities and needs of each respective client in an effort to reduce our carbon footprint.
Design of the ESTRELA website began with a number of pencil & paper sketches, resulting in two distinctive styles & layouts. The final design (shown left) focuses on the need for urban business and development to integrate with nature on both an aesthetic and globally beneficial level.
It’s sometimes difficult to design around an existing logo, especially where a specific look is desired, but I believe that the design and layout I have developed for ESTRELA Sustainability Consultants marries well to their established brand.
It has been a pleasure to work with both Robert Carlson and Linda Scarlett, and I am thankful for the opportunity to work with them, delivering an attractive, user-friendly, and Eco-conscious web-presence.
JAR Magazine was an online, subscription-based magazine covering the topic of alien abduction. The magazine and website are no longer active as of the beginning of this year (2013), though I am told past issues will be made available in the near future.
Kiktavi.com is the website of a Southern California landscape artists, Cynthia Kiktavi. Cynthia that provides sustainable, “green” landscape designs of all styles, including Contemporary, Craftsman, Art-Deco, and European.
I wanted to give give this site an organic feel and tried to stay away from too many rectangular elements. After designing the sloped frame of the header and content area, I decided that I didn’t want to use the standard social networking icons, so I created custom ones and adjusted the colors so that they still represented the basic tone of each social networking site, while working nicely with the Tuscan color scheme.
Kiktavi.com is built on top of WordPress for ease of content management, and includes flash galleries, a contact form, social networking links and video (coming soon!).
Currently there is a temporary hold on the site’s content, while the company is writing new copy for each page, as well as developing video presentations.
Hideout Magazinewas a photography-themed blog created and managed by Portland, OR photographer, Kina Williams. The site has since changed ownership and design.
The original high resolution images are lost, perhaps forever – the unfortunate casualty of a dead hard drive, and so the image to the left is the only one available.
Originally an online community for photographers around the world to talk, educate, laugh, learn, and develop friendships, Hideout recently made the transition from forum-based community to online magazine. Hideout Magazine offers tutorials, interviews, galleries, educational articles, and other photo-related goodness!
Kina approached me in February of this year in hopes that I could meet her design and development needs which included a custom-themed CMS-based site (WordPress). I quickly began working on sketches and mock-ups based on her initial desire for Hideout Magazine to actually look like a magazine, one with a more retro feel.
I began pouring through magazines I had around the house to get an idea for quote box designs and other types of page decor and layout, and shot some custom photos of a 1968 issue of Rolling Stone magazine to create the seam and layered page edges that I incorporated into the design.
As for the logo, Kina expressed an interest in vintage-eque typefaces. I eventually chose Bebas for the logo — a strong, bold type that invokes the feel of mid 20th century print publications.
To add some flavor to the home page, I used one of my favorite plug-ins, Featured Content Gallery. It’s an interactive image rotator that serves up photos associated with chosen featured articles.
Other implementations include social networking functionality, a flash gallery, homepage excerpts and a contact form.
Kina is very pleased with the final product and outcome of our business relationship, and has received some great feedback on the look and feel of the site. I am thrilled to have had the opportunity to work with Kina, and highly recommend her for any of your photographic needs!
I had been discussing a new logo and a web design re-haul of Oregon Women’s Campaign School (OWCS) with board member Liz McCann, for some time now, and finally reached a point where we were able to move forward with this project in January. The planned launch date was set for February 1st so they could begin receiving registrations for this years School in March.
First, here is a little about OWCS from their site:
“Originally created as part of the Oregon Women’s Political Caucus over 25 years ago, the school is an independent, non-partisan, non-profit organization run by a board of volunteers and financed entirely through voluntary contributions. The Oregon Women’s Campaign School, while dedicated to getting more women involved in politics and elected to office, isn’t just for women! Any pro-choice person who wants to learn more about running for office or about working on issue and candidate campaigns is eligible to attend.“
OWCS is another perfect example of why I love Portland, right along with Our Oregon and Defend Oregon, and the overall feel of the city itself, which is largely focused on progressive thinking.
Before beginning the site design, I wanted to focus on the logo first, since that could very well dictate the design. I had been sketching ideas for the logo on and off since October, with a new set that I presented in January. While none of my original designs were picked, a combination of two of them was decided upon, resulting in a nice clean brand, – simple, yet unique, bold but not loud, and what I feel is both modern and relevant for years to come.
The website design came shortly thereafter, having sketched a number of layouts on paper first – a practice that has really freed me up to put down what I think up, immediately, avoiding some of the drawbacks to ‘sketching’ in Illustrator or other graphic programs.
I came up with three variations, one of which was toned down quite a bit in case they wanted a more simplified design. The version chosen was the one I had really hoped for, and to make things even easier, they chose a color scheme from one of the other mock-ups.
The header image required the most work. The images they wanted used were of different resolutions and a few of them pretty low quality, so I had to employ the use of some filter effects to get them all working more or less together.
Designed on top of WordPress for ease of content management, I was able to find a couple of plug-ins to help OWCS better manage their registrations, such as the inclusion of a form plug-in to meet their need for a brief questionnaire on the registration page. The site also includes a contact form, something I like to include in most of my WordPress designs. Typically, I don’t like to use too many plug-ins within a CMS, since the more you add, the more chance for code to become invalid and other conflicts to arise.
I had never worked on a politically-oriented site before, so I was a little concerned in the beginning about creating a unique look that still gave that ‘political’ kind of feel. But in the end, I am very pleased how the OWCS website turned out and very happy that the board members of Oregon Women’s Campaign School love the new design!
I was first contacted by Orna through a company that I occasionally do freelance work for, Chipboard Creative. This would be the second health-oriented practice I have designed for. From day 1, my experience with Orna has been one of the best designer-client experiences I have had (they’ve all been exceptionally good) and I hope to work with her again should she have any future web or print design needs.
The logo, previously created by another designer, dictated the color scheme and heading elements of the site. One thing she knew she wanted early on in the process, was something a bit more ‘catchy’ for the title headings of the content area. After showing me some examples of sites with heading styles she liked, I had (what I like to think of as) a stroke of brilliance, and created the reduced-opacity salmon heading, tying in the logo with the content area, nicely.
Since this is a western Oregon-based practice (and because of the name of the practice), I felt it should have a very ‘Oregony’ feel, which meant greenery and fir trees — all of which I believe have been successfully accomplished, from the overall color and tone, the sloped treeline to the right of the header area, down to the post-footer’s semi-transparent treeline.
The navigation bar, is another one of my favorite sections of the site. A simple, right-floated, text-driven menu with drop-downs, and social networking icons and an internal search-bar to the left.
Each page has it’s own sub-header photo, all of which were taken by Dr. Izakson, herself. The photos are stunningly beautiful and add a richness to the site, keeping the design fresh with each page load.
I wanted to separate the sidebar from the content area with some kind of divider, but wasn’t content with completely separating it from the content, nor did I want to use a solid, 1 color border. I finally created a slight ‘scored’ effect, giving the main wrapper a bit of depth and physical feel.
The sidebar was of particular focus in the latter stages of the design’s build. Sidebar content varies from one page to another, something I hadn’t really worked with before. This required a bit of research, but I finally located a plugin-in which allowed us to easily choose which sidebar items appear on what pages. The decision to do this stemmed from Orna’s desire to have the tag-cloud and blog categories on the blog page only, and not throughout the entire site.
The footer was kept relatively simple. I suggested adding her address and phone to the footer, filling it out a bit, as well as providing contact information, on each page of the site. Orna loved this idea, so I forged ahead, keeping contact info to the right, copyright info to the left, and Taproot Web Hosting’s icon, center. Taproot is a company that Orna very much wanted to support and help promote. The final footer design shows a nice, clean and balanced layout that closes the bottom of the page, nicely.
While there were a number of revisions along the way, the final version remained fairly true to the original mock-up idea she had chosen from the 5 I presented to her — something that doesn’t always happen in the field of design.
Celilo Natural Health Center is built on WordPress for use as a CMS and as of this posting meets W3C validation requirements for XHTML and CSS. It is also compliant with all current, major browsers, as well as IE6 & 7.
I want to thank Orna once again for a lovely design experience. She became my ‘No. 1’ fan, and took it upon herself to promote my design services by word-of mouth — and continues to do so. For that, I cannot thank her enough! Orna, you rock!
As mentioned, Celilo Natural Health Center is hosted through Taproot Web Hosting, a local green hosting company that I happily recommend using.