Taoti Creative

team. Problem

ScentAir has distributors and offices across the world, but before we came in, they were lacking a consistent voice across all markets. There were six different websites. Some created on WordPress and others in proprietary platforms. Each of these sites also had its own content, including different colors and images. Another challenge was that the marketing teams in each country had to update their website and figure out how to use each content platform.

Solution

In just six months, we took everything from the six existing ScentAir sites and put it into one website. Using Drupal, we developed a multilingual site that translates into six different languages, including French, German, Dutch, Spanish, UK English and Mandarin. It also allows eleven different countries to customize their content while at the same time, keeping it the look and feel consistent.

A unique yet consistent experience for every country

Our team started by creating a clean new look with inviting colors and images to showcase what ScentAir can do for businesses and their customers around the world. The modern feel of the website now works perfectly for all markets.

But what about content in different languages? Using Drupal, we created one easily-translatable iteration of their website. Our team developed a translation module that allows their team to create content in English and then choose to translate it. The text can be manually translated or automatically sent it to a professional translating company. Through Drupal, the company then sends back the translation to the ScentAir team to approve or deny and publish it.

Data-driven marketing at their fingertips

To help the ScentAir create a more data-driven marketing plan we also integrated Google Tag Manager with their website. Our team then worked directly with ScentAir’s marketing team to help them translate these data points into actionable items since their website is mainly used for new business lead generation.

created almost two decades ago that lacked the mobile responsiveness necessary to engage and connect its members and users. 

 

Solution: We developed a new website that allows both the user and the administrator to have a better experience. Focusing on U.S. Figure Skating’s goals to increase membership and reestablishing their digital footprint, we created a section exclusive for members. The site now caters to all audiences, including users outside of the figure skating community and people new to the sport. 

which included young children, university students and educators at all levels. This part wasn’t a challenge for us. But how do you get people in such different phases in their lives to connect and communicate between them? How do you encourage users with diverse levels of engagement to be part of the organization and find helpful information? That’s where we really had to put our innovation hats on.

 

Solution: We created different sections tailored specifically for youth and educators. As we went through our research phase, we also understood that even though members want to make a change, not everyone has the same time available or the same interests. Our solution was to create a tailored experience for each user so that everyone could feel identified with the organization.

 

even think about selecting a small state if you’re using a phone!

Another route entirely was the best way to go. So that’s what we designed.

The alternate design solution needed to work on any device. It needed to be engaging and simple. Last but not least, it had to fit the unique look and feel of the design system we were already developing for Farm Credit Council. Turns out, these factors meant the solution wasn’t a map at all.

We used big, beautiful pictures of the most popular Fly-In events so users would get excited about attending. Then, with a simple drop-down menu, users could easily get a preview of what content was being offered in their respective states. It’s more engaging. It builds enthusiasm. And best of all, it works.  Simply.

most of the users on the site weren’t potential clients – they were potential research subjects. Policymakers and Congressional staffers were coming to the website to determine whether to participate in their research. So how do you convince busy legislators that working with an organization like Ballast is a good use of their very limited time? Solution

We developed a new website designed specifically with policymakers in mind. On the User Experience side, we elevated published research and testimonials to show legislators how Ballast’s research could be valuable to their goals. On the visual design side, we expanded their existing brand guidelines and determined a new look and feel on the website that conveyed trustworthiness.

  Designed with policymakers in mind

Ballast wasn’t looking for a rebrand, but they were open to expanding their existing visual identity to reflect their new priority of building trust with policymakers. We minimized the loud teal color that had previously dominated their aesthetic in favor of a more formal navy and gold palette and selected a new suite of typefaces that felt traditional without being dated. We also provided new photography guidelines so that they could move away from stock imagery of D.C. architecture, which felt impersonal and potentially alienating to state legislators; we encouraged a more personal touch by using candid images of their team.

  Flexible = Sustainable

Beyond just delivering a beautiful design, we wanted to equip Ballast with the tools to easily manage and make changes on their site for years to come. We decided to build the entire website using flexible, modular page-builder elements that are simple to implement. It also gave Ballast the freedom to change and adapt their site as needed, whether they’re creating a new case study, adding in new testimonials, or updating their offerings to reflect the political moment.

needs. What’s notable in this case is the inclusion of a D.C. parent in that process. Parents need to use the DCPCSB website to target the District’s best schools. Their experience was critical to the redesign effort.

When we conducted user testing, what we found was that the difference between finding a school and evaluating one wasn’t clear to parents. We relabeled the navigation and made a clear call-to-action indicating where parents needed to go to find a new school.

Education Watchdog, a project of the Franklin Center for Government & Public Integrity, took notice and acknowledged that “the new search tools could have aided [a parent] search for a language-based school for her 6-year-old daughter.” We strive for all our projects to have such an obvious impact on critical end-users.

user experience for users on mobile devices. We also migrated the existing DNN website to the Drupal Content Management System to make the site easier to maintain. Unique site features include FlippingBook integration for the monthly Foreign Service Journal and an events calendar.

 

timeline’ to the next level. We designed and developed a captivating digital experience, 125.strayer.edu, that highlights major advances in education and capitalizes on key moments in Strayer’s history. To maximize the impact, value and lifetime of the project, we also built a custom administrative interface so that Strayer staff can maintain and add new content and deliver it to many web properties simultaneously via an API. This same content is now presented on the celebration minisite, as well as the main university website.

the potential of New Urbanism, but also showcases high-quality photos of CNU members’ work. It also provides users access to important resources from members and partner organizations. The CNU.org homepage is a flexible, curated homepage that seamlessly integrates multiple content types in a series of ‘blocks’. The easily updated structure includes a mix of ‘evergreen’ and dynamic content that enables CNU to feature events, articles and graphics. The result is a responsive website that enables visitors to quickly and efficiently learn what CNU is about and what it is currently working on.

this multimedia experience. We also developed a new brand, color scheme, and logo, both visible on the redesigned website. Our design included a unique landing page for AAM's annual award dinner and added a sitewide presence to maximize registration.

worked with the American Chemical Society to develop a Drupal-based, Single Sign On (SSO) integrated, flexible tool that enables users to undertake the following tasks: Self-Assessment, where users identify their existing skills and the values that are important to them; Skill Strengthening, where users get recommendations for increasing their marketability; Goal Setting, where users actively chart a path forward; Career Exploration, where users can drill down through faceted filters to scope out their career options recognizing that users might want to start this exercise from different points, the tool is built so users can start anywhere, save their assessments and accomplishments as they go, and ultimately use it as a flexible, powerful navigation device for their future.

Estimator (A.C.E.) to calculate the economic contribution of an apartment community in a specific state. Taoti also created an interactive map that allows users to quickly read data through a pop-up and click on a link to see a full state-level fact sheet.

In addition to building this in a way that allowed the National Apartment Association to define what it felt was important, it was also done in a manner that recognizes the power of a modern digital campaign by allowing users find information by congressional district or by state that’s of most interest to them.

Taoti Creative also created an oversized accordion fold infographic brochure for NAA and the National Multi Housing Council. Taoti helped NAA and NMHC develop a communication strategy that included both digital and print material.

for a law firm because they are often only one-time clients and the firm needs a constant flow of new leads to stay on top. Our approach was to streamline the experience and reduce the number of forks on the road to secure contact.

The firm’s long record of success is best shown, not told. By calling out key statistics from big wins, highlighting attorneys, and telling individual stories of successful cases, the new design cements the brand’s notion that Phillips & Cohen, LLP is the most successful and most experienced law firm representing the US and international whistleblowers. Speaking of brand, part of our agreement with Phillips & Cohen included modernizing their logo and tagline.

challenges with its navigation, internal search, and its ability to be effectively shared and subscribed to by an audience eager to better connect with its content.

The society looked to Taoti to fundamentally change its digital presence to convert more visitors into members as a key part of its financial strategy. We undertook a variety of analyses and updates to multiple sites in its current Drupal-powered website environment.

Together, we developed a list of high-impact improvements. The result of this ongoing relationship is the dramatic new experience on both websites.

professionals, and researchers interested in improving mobility options for healthy, vibrant communities.

Taoti worked to simplify the story through compelling, engaging interfaces, paired with a range of back-end and front-end tools to help point people to most relevant datasets. We enabled audiences with a specific topic interest (environment, health, a specific location etc.) to quickly find and share content of interest to them, as well as providing pathways to make all data available for super-users.

It was also clear that the information in the Benchmarking report is working for core audiences. Taoti saw an opportunity for additional audiences to advocate for healthy, vibrant communities through social media with a portal that was built with sharing in mind. But we did not discount how this information is often shared with decision-makers. More often than not, reports are delivered to panels of community leaders in open forums. So, we made each and every report generated able to print to an attractive PDF. Score one for enabling civic action.

creates a smarter, customer-focused experience; and makes the case for DC Water’s rates and ongoing capital improvement projects.

We built the new dcwater.com in Drupal, an open-source content management system (CMS) that makes it easy for non-technical users to update and add content to the site. The bright, modern and airy new design is fully responsive, meaning it works great on any size of device (though we may have skimped on testing the Apple Watch).

The whole website is an intuitive user experience. All customer actions are accessible from a fly-out customer center, which also looks and works great on mobile devices. For those more interested in finding out what DC Water is up to, the project and publication databases are filterable by type, ward and zip code. Other advanced functionality includes a fully Drupal-integrated ‘Report a Problem’ workflow, permit status check, and MailChimp integration that alerts newsletter recipients as content is published to the site.

site that presents the highlights of its Careers Toolbox program in a highly engaging and visually appealing manner. Through intuitive and easy to use navigation, the Careers Toolbox website encourages physics students to work through tools and exercises to get their career search organized. The site includes interactive HTML 5 graphics and unique navigation.

new design simplifies the user experience and focuses on key tasks like bill pay, account management, starting and stopping service, and the needs of the business and development communities. The main site integrates seamlessly with third-party vendors, so as to maintain a fluid user experience, but also includes a self-service customer portal called LW Connect, where registrants can view and pay their bills online, enroll in eBilling, see their payment history, and more!

so that users can easily find information they may be interested in. A simple 'filter bar' appears throughout the site to let users quickly identify the type and topic of information they’re looking for. Results can be toggled between list and grid views, depending on viewing preference. A persistent navigation bar always stays on the screen so users will never have to scroll back up to the top to get to other parts of the site. Every page of the website also includes a unique morphing search function, which displays a full-screen "Explore" feature that includes links to key areas of the site (as well as a sophisticated search engine that works as you'd expect it to). Under the hood, the new website is built on the Drupal content management system. While this doesn't have a lot of impact on end users, it does make it much easier for NACo staff to manage the site. This means content will be posted faster, more frequently, and with less hassle.