Posts Tagged ‘Development’

Project Launch: Peeper’s Eyewear Redesign

Friday, December 16th, 2011

We’re happy to announce the launch of the redesigned Peeper’s Eyewear site. Peeper’s is a luxury eyewear seller in Dallas and has been in business for over 35 years, the longest in the area. It’s especially known for carrying the highest quality frames and lenses, which they grind themselves.

Peeper’s has a strong desire to work with customers to ensure the best frame has been chosen for the wearer, and to do so, it’s important that the customer makes a call or visits the shop. In a world where online shopping is king, Peeper’s believes the best service revolves around personal interaction. When you visit them, you’ll be guided by experts who know their craft.

Peeper's

For the redesign, we focused on a few major points. Firstly, the contact information had to be very prominent without being obnoxious. As you’ll notice, on every page the phone number is readily available, prompting the user to contact Peeper’s for any questions. The site also needed to give off the same feeling of the Peeper’s store itself. The colors, architectural elements, and size of the shop are all pulled into the design of the website to give a sense of familiarity and comfort. Finally, many of Peeper’s customers use their phones to find the next place to stop while shopping in the Highland Park Village area, so a mobile design was essential.

Peeper's CollectionPeeper's contact page

We’ve enjoyed working with Peeper’s to create a site that matches their brand and passion for high-quality eyewear, and we hope you’ll give them a call the next time you’re in Dallas!

Project Launch: Because Furman Matters Redesign

Tuesday, September 20th, 2011

We are pleased to announce the redesign launch of Furman University’s “Because Furman Matters” (BFM) campaign website. Furman is one of the country’s leading private liberal arts universities and has received national acclaim for its academic excellence, Engaged Learning program, Division I athletics and campus beauty.

Furman originally launched the BFM campaign in 2007 with a goal of raising $400 million to meet the strategic planning goals for its future. Under its new president, Rod Smolla, the BFM campaign is now in its final $100 million phase and has been reevaluated to best articulate Furman’s unique strengths and opportunities as they look ahead. With new objectives in place, Furman chose Unit to help re-imagine its website to explain the new initiatives, provide feedback on campaign progress and engage potential donors so they feel inspired to join the effort.

For the redesign, we worked closely with their team to focus the site content on four major aspects of the campaign: 1) engaging stories, 2) clear definition of the campaign’s history, 3) defining specific infinitives within the final phase of the campaign, and 4) tracking progress. By defining the right aesthetic experience while incorporating these content considerations, we created a site that allows donors to feel a greater connection to the university.

BFM Homepage

BFM Campaign History

BFM New Campaign Initiatives

Our pages to respond to various browser sizes and device widths. Here’s a look at the Progress page on desktop, tablet and mobile:

BFM Campaign Progress
Tablet View

Mobile View

We’ve greatly enjoyed working alongside the BFM campaign team to create such an important tool for the Furman Development Office as they continue to invest in the future of their students and faculty.

Project Launch: IOMA’s Institute of Finance & Management

Tuesday, July 19th, 2011

We are pleased to announce the launch of IOMA’s Institute of Finance & Management (IOFM). IOMA’s Institute of Finance & Management is the leading source of informational tools and resources for corporate controllers, accounts receivable and accounts payable professionals, and corporate directors of security.

For over a quarter of a century, their newsletters, reference publications, online information services, and conferences have provided authoritative guidance to corporate managers across a wide range of disciplines. But when IOFM and IOMA became one company, new branding and a new website was in order. We worked closely with the IOMA/IOFM team to first establish the new logo and branding guidelines.

Apart from the new branding definition, the primary business goal was to create a new website. The information and strategies from two separate companies and websites had to be thoughtfully combined for the new brand and its new website. The IOMA/IOFM team had a good vision for what the result should be and we worked first with them on the foundational design aspects, including devising a new information architecture and content strategy before delving into the visual design and brand articulation.

One vital business goal was to transform their newsletter product and resources into a subscription service. The webinars, in-depth reports, and online learning modules possess great value and so the business was reshaped to acknowledge the value of the product with a membership and subscription requirement. Here again we worked closely with their team to craft the right sort of experience and design to serve both the business goals and user needs, desires and expectations.

IOFM screenshot
icon detail

Articles and reports are labeled with icon hints as to whether the item helps with saving time,
saving money, or maintaining compliance…or a combination of these.

Lucky for us, this project gave us the chance to work once again with our friends at Vector Media Group, who did the backend development, utilizing our design and front-end development work. Working with the IOMA/IOFM team was a real pleasure, too, and we’re happy to see the beta launch of our combined efforts helping both their company and the corporate professionals they serve.

Our portfolio »

Makin’ Days

Tuesday, February 9th, 2010

We didn’t have to create Just Made My Day. There was no imperative dictating the (at this moment) mostly unprofitable format, and definitely no room in the market for another site that lets users share updates about their lives. We did feel, though, that it was worth it to craft a little beacon of positivity on the oft-negative internet. It has been so good to us, after all.

The following is the casually recollected time line of concept-to-creation for Just Made My Day: Unit’s latest way to brighten people’s day:

Concept

Nov. 4th, 2009 — An idea comes to Andy while showering. Not specifically focused on anything, he thinks about how nice it would be to create a place online where “folks could just celebrate the cool things that happened to them, especially the cool people who did something nice for them”.

Nov. 5th, 2009 — Andy takes R.A. and me out for coffee. The trip is a Trojan horse laden with a new undertaking for Unit. It’s solid idea from the start: “Just Made My Day” (JMMD if you’re savvy) will be a site to allow users to easily share the little things that make them happy. We discuss the various implications, difficulties, and merits of launching such a site. Quick sketches and wire-frames are scribbled on scrap paper. R.A. uses phrases like “implicit moderation” and “social-media authorization APIs”. We emerge highly caffeinated, with a foundation for moving forward.

Design

Nov. 5th, 2009 — While watching a documentary on Monty Python—Almost the Truth: (The Lawyers Cut)—I think it would be nice to rip-off Terry Gilliam’s collage style for something. It occurs to me that JMMD would be ripe for experimentation.

Nov. 6th, 2009 — Although there’s no plan for me to design JMMD, I decide to get a jump on a look and feel rattling in my head. I spend a quite Friday morning making a collage of landscape elements. I want to create an impression that is inherently positive, and will behoove users to behave. While playing with more organic layouts of nature, I realize that a fully symmetrical approach allows the landscape to both be more pleasant, and act more as a background to the form elements, not a focal point. The resulting masthead gets me excited; I decide to finish a full design comp.

Nov. 10th, 2009 — I finish out a full comp of the site design. Somehow, the thrill is gone. I wind up with what I feel is a muddy attempt at redesigning Rotten Tomatoes. The design needs more simplicity, and serious amount of editing. It occurs to me that I’m riding a little too hard on the landscape concept; it needs to be a website, not an art project.

Nov. 13th, 2009 — I show Andy my design. We decide this is the right direction, but it needs some work. Angela later tells me about some great little games on the Xbox arcade.

Nov. 17th, 2009 — On Angela’s recommendation, I download Braid late one evening and am blown away by its ingenuity and pure artistry. Shortly before bed—still humming a haunting tune from Braid—I have a few design-related epiphanies. When I say them out loud, my sleepy wife does her best to act like I am smart, God bless her.

Nov. 18th, 2009 — I complete the design that will become JMMD. I make some tweaks to the form to give it affordance, and help it feel more balanced. Now, we’re ready to build this thing.

Development

Nov. 19th, 2009 — The entire Unit crew sees JMMD as an opportunity to push our knowledge. We have already begun delving in to HTML5, and this looks like another great opportunity to work with it. I think that a parallax technique will really make this design sing, and begin learning how to pull off such a thing.

Nov. 24th, 2009 — I finish the parallax effect, add some birds and the main title in Chunk Five, using some @font-face goodness via Font Squirrel. I put up a teaser site, and begin developing the rest of the site.

Nov. 25th, 2009 — I really want to make sure I am using HTML5 to its fullest, so I read up on everything. I start working heavily with CSS3 techniques as well. We discuss the ramifications of leaving Internet Explorer in the dust. We are okay with this.

Dec. 7th, 2009 — I finish front-end development. We decide WordPress will work best as an engine for posts. I begin integrating a theme and R.A. helps me build a set of plug-ins to allow users to post. Basically, we turn WordPress inside-out. Next, we begin learning authorization APIs for Twitter, Facebook, and Open ID.

Dec. 18th, 2009 — Early on, we decided that in order to lower the barrier for entry as much as possible, we would need to allow users to log in using social media accounts. We were sure they wouldn’t want to create and remember a whole new account for our little site. Twitter authorization (oauth) was the easiest (IMO). We test and then soft-launch JMMD without Facebook or Open ID integration. Over the holidays, we leak the site to a few friends and family, and allow some initial posts to build up.

Jan. 13th 2009 — I finish up Facebook authorization using Facebook Connect. We use RPX to allow Open ID. Next we fire up the Twitter clients and start telling the loyal web denizens of our latest project.

Epilogue

So far, response has been overwhelmingly positive. Even if it were a failure, though, this scrappy Unit staff was able to take a great idea from concept to launch in just over 2 months. We learned a lot and we are proud of the fruits of that labor.

Thank you to everyone who is making days, or sharing about days made!

Recommended
Most Popular
Underappreciated