May 2018

Fascinating Design News – Arriving Every Month

Design systems and the tools used to maintain them are fundamentally changing the way designers think, work, and collaborate. In this month’s issue of Toptal Design World News, we preview a handful of amazing design system resources, reveal a nifty tool for creating story-centric user flows, and highlight a process-driven portfolio showcase for UX designers.

We’re also showcasing the work of Toptal UI designer Marius Troy, who has worked with noteworthy clients such as Dolce & Gabbana, Alicia Keys, Dior, Nike, Ryan Seacrest, and Oakley.

To get our curated selection of compelling design news and global trends delivered to your inbox each month, sign up now! ↓

•••

Overflow: User Flow Diagramming Tool for macOS

Overflow: user flow and prototyping tool

Made by the team at Protoio, Overflow is a user flow diagramming tool for macOS that helps user flow designers turn static designs into playable user flow diagrams that tell a story.

Read More »

Design Systems: a Curated List of Resources

Design System design news

DesignSystems.com is a resource for learning, creating, and evangelizing design systems. A hub for the broader design community to learn about and engage in the craft of building design systems.

Read More »

UX Folio: Build Beautiful UX Portfolios

UX Folio portfolio builder

UX Folio helps designers build beautiful UX portfolios that show off their design process and the result of what was achieved, not just the final product.

Read More »

Cards: A Webflow UI Kit

Cards UI Kit for Webflow web design news

Webflow recently introduced a feature that allows designers to copy and paste elements between projects. Jan Losert gives away the first free Webflow UI kit, designed for all four breakpoints using the basic Webflow 940px grid.

Read More »

Google’s Material Design Guidelines Updated

Design news Material Design

Google has updated Material Design in an attempt to promote a fresh new look and introduces Material Theming, a new Sketch plugin designed to help developers implement Material concepts while still maintaining their brand’s visual identity.

Read More »

•••

Toptal Designer Showcase

Toptal Freelance Designer Marius Troy

Marius Troy - Designer

Marius is a creative, dedicated designer with a positive attitude and extensive multidisciplinary experience. He has been working as a web designer and art director all over the world for the past ten years—developing online concepts, creating designs, and helping businesses to great success.

Please tell us about a recent project you worked on.

Faces of NYFW (New York Fashion Week) has been one of the most defining projects of my career. I had the idea of combining the APIs of all the major social networks to output one combined stream of social content for an event. I thought it’d be a great way to collect everything that’s shared publicly by attendees and present it in a beautiful way online for the world to see and follow.

At the time, this had never been done on large scale, so I thought New York Fashion Week would be a great pilot project for the technology. I assembled a small team of two developers and a project manager, and after weeks of intensive work, we got the solution up and running.

By day two of the event, we had become the talk of the town. By day three, our servers could no longer keep up with the traffic, as brands like Calvin Klein, Michael Kors, DKNY, and many others were now using and sharing our site with their followers.

The first iteration of Faces of NYFW won “site of the day” on Awwwards, got shortlisted on theFWA.com, and was also awarded “site of the day” by DesignTaxi.

Faces of NYFW New York Fashion Week website design

What was your design process?

As we were creating something that hadn’t been done on this scale before, my focus was to design a solution that was innovative enough to get visitors excited, but also familiar enough to ensure engagement.

I drew inspiration from the social networks and designed a mosaic-like layout. Most site visitors would be on the go, so getting the mobile UX right was crucial. We wanted it to feel like a proper app with full screens, swiping gestures, and drag to refresh.

There was more room for experimentation on the desktop version as there’s more real estate to play with. I decided to break up the grid and opted for floating cards of media and information—feeding the latest event updates, a tweet, an image, a live stream from a fashion show, or a repost from a NY media outlet.

Faces of NYFW New York Fashion Week app design marrying design and technology

What was the outcome? What are you most proud of?

In addition to the design awards, the project garnered a lot of attention in the fashion and tech worlds. As a result, we ended up being included in the Axel Springer Plug and Play Accelerator in Berlin with our new startup Socius.

Socius went on to offer the same technology as Faces of NYFW to clients such as Condé Nast, Uber, Becks, and MasterCard. The company is still growing and doing well, winning the Nordic Startup Awards in 2016 for the Best Bootstrapped Startup.

Socius site and app design combining design and technology

More about Marius Troy »

•••

If you haven’t done so already, make sure to follow Toptal Designers on Twitter, LinkedIn, and Facebook to stay up to date with the latest from our blog, including best practices, how-to guides, in-depth analysis of hot topics, and much more.

•••

Thanks for keeping up with Toptal Design World News. In June, we’ll kick off summer with another exciting issue, so make sure to subscribe and have the latest design news, trends, and innovations shipped directly to your inbox.

The Toptal Design Blog is written by industry leading designers from the Toptal network. In addition to covering a wide range of in-demand topics, the Toptal Design Blog serves design experts from across the globe by providing first-class informational and educational materials.

Subscribe today and discover why the Toptal Design Blog is quickly becoming an influential resource in the world of design publishing.

About the author

Miklos Philips, United States
member since April 26, 2016
Miklos is a principal lead UX designer with more than 16 years of experience. As a full-spectrum user experience designer, he effectively mediates between user needs, business objectives, and technical feasibility resulting in product designs that work for the intended audience and impact the bottom line. [click to continue...]
Hiring? Meet the Top 10 Freelance Product Designers for Hire in June 2018

Comments

comments powered by Disqus
Subscribe
Free email updates
Get the latest content first.
No spam. Just great design posts.
Free email updates
Get the latest content first.
Thank you for subscribing!
Check your inbox to confirm subscription. You'll start receiving posts after you confirm.
Trending articles
Relevant Technologies
About the author
Miklos Philips
Designer
Miklos is a principal lead UX designer with more than 16 years of experience. As a full-spectrum user experience designer, he effectively mediates between user needs, business objectives, and technical feasibility resulting in product designs that work for the intended audience and impact the bottom line.