Breeze Social design and user interface/experience

Breeze Social entry page screenshot

I’m very excited to announce that the Breeze Social web application is finally live and I can talk about it here.

In November 2010, I was asked by BlueTie, a local provider of collaboration tools for businesses, to work with them creating the user interface and user experience for a brand new type of social media management tool. I’ve always been active in and passionate about social media so this was a great opportunity for several reasons. First, from a design standpoint I had the opportunity to craft, from scratch, the entire experience surrounding how this application would look and work. Second, this was a service I’m passionate about and would use myself.

While there are already several applications and services that are capable of managing different account profiles over various platforms, Breeze Social has some key differences. It’s specifically designed for small to medium sized businesses who know they need to be participating in social media but aren’t necessarily sure how or where to get started.

From a design standpoint, applications like Tweetdeck and Hootsuite are great for savvy users. I have columns where I can view my main timeline, lists, mentions, direct message, etc. All for several accounts. While that’s great for me, all that power and terminology can be overwhelming to someone new. What is a mention? How do I use lists? What is a retweet? A conscious decision was made from the beginning to avoid technobabble and use plain English. Businesses need to be able to see what people are saying to them and about them. So that’s how we labeled those sections. The other most important piece? Posting. From any page, type an update in a tumblr-style input and click ‘Say it!’. Breeze Social automatically formats your message accordingly for each of your social networks. Discrete options are available for scheduling, choosing networks, etc but it’s simple by default.

Another obstacle/objection to participating in social media is perceived time commitment. This is approached in two ways. First, finding quality content can be time consuming. Not knowing what to talk about is a reason why many social media efforts stall. Breeze Social is able to intelligently recommend relevant content based on both information gathered during the signup process and ongoing conversations. Unless you’re extremely focused, social media can also be very distracting. People spend hours each week in Facebook alone. With that in mind, Breeze Social has two “modes”. A Pressed for Time mode is pared down to just the essential functions: posting and responding to communication to or about you. Manageable in five minutes a day. A Stay Awhile mode offers more options: a main timeline for your connections, suggested topics and articles to post, extensive reports, etc.

While there are many other features and advantages (too many to get into here), those are the biggest differentiators. At some point soon, I hope to get a more in depth review published here. In the meantime, please check Breeze Social out.

Mike quickly dove into the subject matter and was an integral part of the process, lending ideas and insights at every turn. Next time we have a need, Mike’s my first call.-Shawn Ryan, Breeze Social product manager

 


PrivateSchoolU design and template creation

PrivateSchoolU website

I’m pleased to announce that the new PrivateSchoolU website is live! I’d worked with Brian and Rob in the past, so I was both pleased and excited when they called looking for help on a website for their own company.

PrivateSchoolU is more than just a directory of private schools (25,000+) and educational consultants (1,000+), it’s a resource for students and parents. They offer informative articles, videos, news, checklists and other resources for students looking for or already enrolled in private schools.

What Brian and Rob needed was a design and layout capable of conveying all that information in an attractive, easy to navigate way that didn’t overwhelm their customers. They had already put together a rough wireframe of the way they wanted things to look and work. So I worked with them on refining both the organization and aesthetics of their original idea.

Once the overall look and feel was determined, I created several different page layouts to accommodate the different types of information customers would be viewing (school and consultant profiles, educational news, photo and video galleries, etc). From those designs, I wrote the HTML, CSS and Javascript for any basic interaction. Each “page” was created as MURA template file that allows PrivateSchoolU to use them in their content management system.

As usual, all HTML was lovingly hand-crafted with special attention to semantics (proper meaningful markup) and search engine optimization.

Mike was able to take an incomplete concept plus our rambling ideas and create a compelling website design for our diverse audience. We constantly receive compliments about the look and feel of PrivateSchoolU.com and we owe that all to Mike.-Rob Marriage


Bergman Real Estate: Mobile App Image

Mark had an existing website and identity when he approached me about creating some images for his planned expansion into the mobile app marketplace. The company creating his mobile application required images and icons in sizes his existing logo wouldn’t readily scale to. The challenge was to keep his existing identity consistent but still recognizable and legible in the scaled-down mobile world. Below are some screenshots of his original logo and the new mobile app icons and images.

The original Bergman Real Estate logo

The original (website) logo

Bergman Real Estate Android mobile app icon

The new Android mobile web app icon (can be resized as small as 16x16)

Bergman Real Estate Android mobile app banner image

The new Android mobile app banner image

Bergman Real Estate iPhone app store image

The new iPhone app store image