Faith Formation - Diocese of Rockville Centre
Clients / Office of Faith Formation / Rockville Centre Diocese

In 2012 Transmodern Media was invited by the Diocese of Rockville Centre to build a new custom website for its Office of Faith Formation. The requirements were demanding. The new site’s design had to be attractive, visually compelling, and “responsive”—adaptable to desktop, tablet and smart phone screens. And it had to handle the highly asymmetrical and multifaceted content and functions of nine different pastoral departments. All on a limited budget, and with a tight deadline. A difficult task.

We began with our usual discovery process—in this case, an especially critical step. Unless we completely understood the workings and the audience needs of the nine departments we could easily find ourselves going down design dead ends, losing valuable time and missing the deadline. We worked closely with the client, creating diagrams and mock-ups, looking for the ideal visual structure and information architecture to meet their needs, that would also work with the WordPress content management system we planned to use.

One step we are fanatical about in the discovery phase is identifying the best website models to emulate. Genuine creativity is almost always about synthesizing the best practices of the best practitioners in your field. There is no such thing as a “blank slate.” Using comparable website models not only informs the process, it is also the best way to get everyone on the same page. The client can cite specific examples of design elements, site functionality, and user experiences they want to adapt for their own website.

Once we agreed on the site concept we began the seven steps of our site development process. First, we generated a detailed list of features and a site map. Second, we created wireframes for each type of page, showing placement of logos, graphics, headers, menus, sections, headlines, subheads, text, and all other elements. Third, we created layered Photoshop designs for each unique page. Fourth, we created XHTML/CSS and Javascript coded versions of each page, with user interactivity that could be tested. Fifth, we integrated the coded pages into the content management system, which was installed on the server, along with the content database.  Sixth, we supervised the adding of content to the site, optimized the content for SEO, and trained staff. Last, the site was tested, debugged, and launched.

The new website is attractive and visually striking. But just as important, it efficiently manages and presents a wide range of information – thematic content, news, events, videos, pdf documents – within a clean and logical structure. In a time of information overload, that sort of visual clarity is the key to a great user experience. Just ask Apple Inc.