A Unified Styleguide
Dell’s previous design library provided extremely detailed specs and documentation for creating Dell branded digital experiences, but with a majority of the documentation housed in PDFs, the team had a difficult time keeping information up to date, and designer and developers across the world referencing the information were frustrated by the lack of consistency. We rebuilt the design library from the ground up to give Dell the ability to turn their individual components in to live code snippets and easily updatable style guides.
Bridging the Gap Between Designers and Developers
By giving Dell the ability to upload individual component code, designers have the ability to easily copy code snippets into Dell’s prototyping environment to build a working website without having any advanced coding knowledge.
Lightning Fast Searches
Due the the large amount of ux patterns, styleguides, and page components documented in the Dell Design Library, users were having a hard time finding what they needed. By implementing an auto-complete search utilizing Twitter’s Typeahead library, we were able to quickly surface relevant results without leaving the page the user is on.
By prefetching the most common searches, autocomplete searches are fetched instanteously, while remote data from less frequently visited guides are bubbled in quickly after. Combining Typeahead's syntax highlighting with some other customizations, we replicated the keyboard shortcuts and functionality of Google's web search for a search experience that delights users.
When the dropdown search does not meet your needs, the search results page takes a faceted approach to quickly help you find what you need, prioritizing matches in frequently visited components, and then matches within the body of a Guide.