Laura Berglund
Wen Ping Huang
Eric Wang
Ambika Roos
GMUNK 8 R.V. 7 P.T. 7.6 V.M.H. 7 J.M. 7 M.P. 7 G.R. 8.5 F.A. 8 D.B. 5 A.J. 5 Creative 7 GMUNK 9 R.V. 8 P.T. 7.8 V.M.H. 8 J.M. 8 M.P. 7.5 G.R. 9 F.A. 8.8 D.B. 5 A.J. 7 Design 7.8 GMUNK 8 R.V. 8 P.T. 7.6 V.M.H. 8 J.M. 7.5 M.P. 7.5 G.R. 9 F.A. 8.5 D.B. 4 A.J. 6 Craft 7.4 GMUNK 8.3 R.V. 7.7 P.T. 7.7 V.M.H. 7.7 J.M. 7.5 M.P. 7.3 G.R. 8.8 F.A. 8.4 D.B. 4.7 A.J. 6 Total 7.4
#OneNYC is a detailed plan for a strong, sustainable, resilient, and equitable NYC. Hyperakt developed an engaging and accessible website so all New Yorkers can be involved in the future of the city.
The Concept

The Mayor's Office of New York asked Hyperakt to help bring their plan alive into an online public space. In order to do that, we wanted the site to speak differently from other government-driven designs. The concept reflects that desire with a rich, colorful, and modern design. It incorporates many juxtaposed graphic elements which embody the dense, highly-stimulating nature of New York.

Initial sketches organizing all the content and finding structure and visual interest in the layout.
Looking at the brand developed by Wolff Olins for NYC, this site would act as a natural evolution
The Production

Production involved a very rushed turnaround. Fast-paced meetings going over the site map, wireframes, look & feel, color palette alternates and names, charts, maps, photography and development. The team managed to wrap the entire project from sign-off to site launch in one month.

The "look & feel" of the website, illustrating chart styles, photo treatment, typography, and color.
Logo iterations to work with the original NYC logo by Wolff Olins, over the course of a name change.
From wireframes to web skin, Hyperakt aimed for easy navigation, but still a high-level of visual interest.

The final design was a clean evolution of the NYC brand, pulling from their original color palette, type, and chunky logo aesthetic. The site is brought to life with the many custom photos and videos shot for the project by the Mayor's Office in-house photo team, integrated with bold color overlays. The design allows users to seamlessly flow through the site moving from goal to goal with ease.

Some areas are left minimal while others are visually dense, creating a balance and flow of content.
Directly picking up from the original NYC brand, this photo grid acts as an attention-grabbing intro.
Telling the story of the plan's evolution through different modules of information on the homepage.
To allow for a strong call-to-action, a "speak up" button is featured in the nav on every page.
Every vision and every goal is simple and easy to navigate, even though they are content-heavy.
Goal pages within each vision are color-coded for increased navigability, including the type!
NYC Mayor's Office
Laura Berglund Senior Designer
Wen Ping Huang Designer
Eric Wang Developer
Ambika Roos Project Manager
Submit your work
We will contact you once your submission is approved.
Please allow 24hrs for your project to appear in the directory.
Have a Great Project you’d like to share?
See if you have what it takes to get through our nomination process but be prepared to back it up with some great behind the scenes materials.
Please attach jpg or png at 1280x1024
Sign Up
Minimum 6 characters
Already a member? Sign in
Sign In
Not a member? Sign up here
One click sign in if your account is connected to Facebook or LinkedIn
Forgot Password
Enter your email address below and we'll send you an email with instructions on how to reset your password.
Check your email!
We have sent an email to the address you provided. Follow the instructions in that email to reset your password. Thanks!