web design Category Entries For Judge Review
Hippo
Company Jones Knowles Ritchie
Introduction Date February 12, 2018
Project Website https://itunes.apple.com/us/app/hippo-save-on-prescriptions/id1277793831?mt=8
Why is this project worthy of an award?
The healthcare industry and prescription management process in America is complicated and frustrating. From a lack of transparency in drug prices to unpleasant pharmacy interactions, the process is disorganized and highly inconvenient. Hippo is a new healthcare app that is here to change just that. Hippo wanted to disrupt the sterile space of healthcare technology with a bold, fun identity that launches the brand as the one simple destination to Fill Better.
What else would you like to share about your design? Why is it unique and innovative?
The custom logo that cleverly employs serifs to embed a pill, representing the entire brand, forms the foundation of a vibrant system. From the playful name, to the bright color palette married with an approachable sans serif typeface – the identity is bold, confident and full of fun. A witty yet informative tone-of-voice and the bespoke 3D illustrated characters infuse energy and dynamism to allow the brand to stay true to itself and the consumers. We created a visual identity system that is bold and vibrant to bring to life what the brand is truly setting out to do – disrupt a complicated industry with honesty and a spirit of playfulness.
Who worked on the project?
Global Executive Creative Director: Tosh Hall, Chief Executive Officer: Sara Hyman, Design Director: Robert Medkeff, Senior Designer: Cyrus Blais, Designer: Izgi Yapici, Designer: Jennifer Yung, Designer: Catherine Wyatt, Designer: CJ Draper, Senior Strategist: Willie Miesmer, Copy Director: Willie Miesmer, Naming: Jennifer Chandler, Illustrator: Jean-Pierre Le Roux, Typographer: Kelly Thorn, Typographer: Spencer Charles, Director of Brand: Grace Dawson, Senior Account Manager: Sharanya Venkataraman, Production Director: Rosina Pang, Film & Motion: Justin Sottile, Brand Executive: Rachel Ptak
View the project video: https://vimeo.com/270537417/66f1ffa61b
IBM Hybrid Cloud Design Internal Website
Why is this project worthy of an award?
This internal IBM site was designed and built as part of a wider effort within the Hybrid Cloud Design organization to bring visibility to the work of the design team and to educate the engineering and management leadership about the design practice and the benefits it can bring to software development. The site functions as an educational site raising awareness about the design process, its various deliverables and the lines of work within the design organization (user research, UX and visual design and prototyping). The site also functions as a management tool to track the progress of the various design initiatives and to share the design deliverables with stakeholders in the engineering and management organizations. It acts as a tracking tool for the research and design artifacts generated as part of a project (such as personas, user studies, empathy maps, etc.) and tracks the final designs through the evaluation and implementation by engineering, design quality reviews and ultimately product release. The site is used on daily basis by various groups of users who have various needs for their daily work activities. Engineering and management stakeholders visit the site to learn more about the design practice and to track the progress of the design effort surrounding their products. Members of the design organization itself visit the site to gain access to the resources they need to get their day to day work done. Researchers access their research best practices, study collateral and report templates. Similarly, designers access the design system and the various design libraries and guidelines they need. The site is designed in a way that allows each category of users to focus on their goals and be productive. For example, designers have access to all the design resources they need available to them in the design section of the site. The same is true for researchers and prototypes. Engineering and management stakeholders can find everything pertaining to the designs of their products in the projects section. Each section is designed with its primary audience in mind. Yet, any user can visit any section of the site and find useful information that can inform them about the respective design practice and what it entails. Each section seamlessly combines specialized productivity for a primary audience with informative content for other groups of users who would benefit from learning more about the practice. The site also incorporates strong branding that reflects the various practices within the design organization and the domain of focus for the Hybrid Cloud Organization, enterprise software products that enable cloud and on-premise solutions. Beautiful graphics and animations add joy to the experience of using the site.
What else would you like to share about your design? Why is it unique and innovative?
For the second part, I just made some changes at the end. I don't think we should focus too much on the things that we're planning on doing for the website. I added a paragraph to it, let me know what you think: One of the key aspects of this project is that it is part of not only a larger design promotion effort but also an ongoing process of designing and evolving the organization's workflows and processes. Parts of the site are regularly re-evaluated to assess how they can serve and facilitate the work team members need to accomplish. For example, the site is currently being integrated into the workflows of user researchers enabling their latest research findings to be surfaced and distributed automatically to the various projects to which they pertain without requiring any additional intervention on the part of the researchers or site admin. Similarly, the organization is in the process of expanding its design review and evaluation processes and various integration points with the site are being added to enable these processes. From adding the capability of management and engineering stakeholders to request design reviews, to automatically logging and tracking review requests and their outcomes, to integrating notification capabilities via email and slack conversations to reach all parties involved in the planning and coordination of reviews; the site is constantly in the process of evolving and adapting to the needs of the organization and its operations. In summary, this site is not merely an exercise in web design but also a vital iterative exercise in process design and evolution. The nature of this website is innovative as it enables a connection and transparency between designers and engineers or managers in the enterprise software environment. A challenge that we face is how to integrate the role of design and user experience at a large scale into our organization. This website as part of the overall effort is a great example of fostering that integration by inviting everyone at IBM to find out about the ongoings of the designers in the Hybrid Cloud org.
Who worked on the project?
Sean Stopnik - Front End Developer Stephane Rodet - Front End Developer Rami Alayan - UX Design Peter Perceval - Visual/motion design Natalie Caudell - Visual design David Levinson - Art director Tom Waterton - Content writer Terry Bleizeffer - Project manager Alan Underwood - Front End Developer
View the project video:
Milbank Web Design
Why is this project worthy of an award?
Milbank, Tweed, Hadley & McCloy, an international law firm with a history stretching back 150 years, sought to portray itself in a modern light. Working with the highest profile clients, Milbank's lawyers have long worked to solve unprecedented legal challenges. In the firm's digital communications, however, these exciting developments found themselves obscured by the limitations of an aging website. The current experience revealed little of the firm's innovative legal work, and impeded the firm's efforts at recruiting young, top-tier talent. Recognizing this challenge, Milbank tapped Siegel+Gale. We worked with Milbank to isolate what made them stand out amongst other elite law firms. Our research and interviews led us to the idea of "The Legal Pioneers," a strategic orientation for the firm to rally around and to inform the new digital experience. We noted that news of the firm's activities was self-evidently impressive, but unless site visitors actively sought news, they were unlikely to find it. With this in mind, we designed a new digital presence that emphasized the achievements of their attorneys, and the news items about the firm. Because most visitors to law firm websites seek specific information, we placed a redesigned search at the center of the experience. The new, flatter information architecture reduced the number of clicks to get to information, enabling users to find the information they sought faster. The new Milbank.com launched in late July, 2017. The fully responsive design uses bold typography and color-blocking to achieve a modern look and feel befitting the legal pioneers. Finally, the new site makes it easier for users to find the content they need, whether by browsing or searching. As a result, Milbank.com saw a reduction in bounce rate by more than 15%.
What else would you like to share about your design? Why is it unique and innovative?
We worked with Milbank to isolate what made them stand out amongst other elite law firms. Our research and interviews led us to the idea of "The Legal Pioneers," a strategic orientation for the firm to rally around and to inform the new digital experience. We noted that news of the firm's activities was self-evidently impressive, but unless site visitors actively sought news, they were unlikely to find it. With this in mind, we designed a new digital presence that emphasized the achievements of their attorneys, and the news items about the firm. Because most visitors to law firm websites seek specific information, we placed a redesigned search at the center of the experience. The new, flatter information architecture reduced the number of clicks to get to information, enabling users to find the information they sought faster. The new Milbank.com launched in late July, 2017. The fully responsive design uses bold typography and color-blocking to achieve a modern look and feel befitting the legal pioneers. Finally, the new site makes it easier for users to find the content they need, whether by browsing or searching. As a result, Milbank.com saw a reduction in bounce rate by more than 15%.
Who worked on the project?
Leesa Wytock, Group Director, Experience, Courtney Canale, Director, Experience, James Barnes, Senior UX Strategist, Elizabeth Motolese, Senior Designer
View the project video:
My Helsinki: Helping people find the best of Helsinki
Why is this project worthy of an award?
Helsinki is the Baltic Sea’s best-kept secret. With a sizzling food scene and a thriving startup ecosystem, the city has a lot to offer—and yet it’s still overshadowed by its neighbors Stockholm and Copenhagen as a destination for visitors and talent. Ready for a refresh: the city has been evolving its marketing to highlight the unique experiences locals and visitors enjoy in Helsinki, including the opportunities and quality of life Helsinki can offer to international professional talent. Idean partnered with Helsinki to meet the challenge of building a digital service that would support their new mission. This online/real-life experience would also be the first opportunity to showcase Helsinki’s new brand identity. Our goal was to enhance Helsinki’s international visibility and appeal, as well as to make it easier to find Helsinki’s services and offerings. We wanted to design a service that would help people find the best of Helsinki in a personal, inspiring, and mobile-friendly package.Through interviews of locals and tourists, we gathered the insights that enabled us to build the website, The result: we created www.myhelsinki.fi, an online website experience that showcases the best of Helsinki in a way that is engaging and easy to use. To deliver on the website’s promise: “Your local guide to Helsinki,” we determined that a primary source of content would be local recommendations. There are no paid brand endorsements, partnerships or sponsored content allowed. Open data was the key to transparency and the ability to share freely. Helsinki is leading the world in open data. The city has worked systematically since 2009 to facilitate access to public information for use by the private sector. This work has made Helsinki a model city for open data, which can be used to enable transparency in public administration, create new digital services and present opportunities to locals and visitors alike. Leveraging open user data was an important component to MyHelsinki overall, but essential to one of the main features, MyHelsinkiLists, a rich visual map customized to highlight local events, shops, and restaurants.
What else would you like to share about your design? Why is it unique and innovative?
MyHelsinki.fi is a great contender for the web design category because this growing service has increased tourism in Helsinki and Finland within a short time and has also become a go-to platform for the people in Finland. Now, instead of people having to discover city activities from multiple sources, you only need to look in MyHelsinki.fi. The results of the new online experience for Helsinki have been positive and immediate. MyHelsinki.fi was launched on July 2017 and since then it has won the 2017 City Nation Place Award for Best Citizen Engagement, and in 2018 won Best Web Service and Best Service Design awards at Grand One, got Silver in the 'Identity' category at Vuoden Huiput awards, and received an Honorary Mention at the Webby Awards. MyHelsinki.fi has seen dramatic success regarding numbers, too. During the first six beta months, the site went from 24,000 visitors in July 2017 to 128,000 visitors in December 2017 -- an increase of 1935%! Before the site was created, on Instagram #myhelsinki was used approximately 300 times -- today the count is over 160,000. Instagram and Facebook have also seen organic growth of 300-600 followers per week since the launch. Another component of rapid growth was that developers, designers, and the city’s marketing team joined hands to develop the site in the most eye-catching and useful way possible. The content of the MyHelsinki.fi website was compiled by editor-in-chief Veera Luoma-aho, and well-known local partners in the arts, music, design, tech, and dining. The platform’s success is truly extraordinary because of this active collaboration. My Helsinki and its open data-based approach will continue to redefine a local guide.
Who worked on the project?
Project team: Matias Vaara, Lead Service Designer, Idean Jori Larres, Interaction Design, Idean Maria Kokko, Visual Design, Idean Minna Karvonen, Project Management, Idean Susanna Laanikari, Project Management, Idean Anni Uimonen, Sr Project Manager, Idean Mark Kyander, Director of Growth and Strategy, Idean Mika Paulasaari, Sr UI Developer, Idean
View the project video: https://vimeo.com/251823729
NBC News Group Design System and Publishing Platform - One System for 9 Brands
Why is this project worthy of an award?
Massive redesign for 9 brands under the NBC News Digital umbrella. A complete overhaul of all NBC News Group digital websites and apps (NBCNews, MSNBC, TODAY, Mach, Better, Think, Know Your Value, Global Citizen and Left Field). All of these new experiences are built on a shared publishing platform and common design system. For our audience and advertisers this means a more consistent and compelling experience throughout our network of brands. For us it means we can build, measure, learn and innovate faster and more frequently. See: https://medium.com/nbc-news-digital/title-tbd-be861a60d2dc
What else would you like to share about your design? Why is it unique and innovative?
Instead of treating each of our brands separately, we created a holistic product strategy for the full portfolio of digital properties. The goal: continue to have clearly differentiated brands, but enabled by a shared technology platform and design system that would allow us to innovate faster and grow our business more effectively.
Who worked on the project?
NBC News Product Management: Sarika Dani, Brett Mickelson, Phil Zepeda, Michael Small; NBC News Design: Shezad Morani, Kriss Chaumont, Julie White; NBC News User Research: David Torchiano, Jessica Mailloux; NBC News Engineering: Stephen Baldwin, Wayne Warner, Max Peterson, Michael LaBue, Kaitlyn Reese, Alex Fiuk, Imran Ansari, Anthony Baker, Joby Joseph, Walker Malling, Wilson Wang, Peter Symuleski, Jeremy Fletcher, Yasin Ali, Didarul Amin, Chaz Cheadle, Rohini Radhamanalan, Geetha Muthyam, Lakshmikanth Nagarajan; NBC News Editorial: Anna Brand, Matthew Grimson Additional NBC News staff: Patrick White, Anna Thomas, Dan Callan, Mary Ryu, Stephanie Eldridge; Code and Theory: Moritz Kettler, Sarah Ozdamar, Paul Simoneschi, Chenta Yu, Nicole Gavrilles, Marc Rabinowitz, Rafa Torres, Joe Crook, Chris Ewen, Juan Cortes, Adam Cantwell, Eric Willenson, David Whitely, Ben Berenston, Berkeley Bethune, Melissa Kim, Zvi Epner; Moritz Gimbel, VP of Product & Design.
View the project video: https://www.dropbox.com/s/219yuk72td2rhwx/01_NBC_sales_sizzle_main_V4_travel-ads.mov?dl=0