nTop Design System
Coming Soon...
nTop Outline
The Problem
![](https://freight.cargo.site/t/original/i/a89a008699fe36a8704bbad576165b541888466e9092cd212c8861df79c962d5/TOC-problem-1.png)
Research
![](https://freight.cargo.site/t/original/i/5fcb76a0da07b55751f7dd8d001b031f8b309bc700d853cdc4081c0ded1a5385/gh1.png)
![](https://freight.cargo.site/t/original/i/4b71fcc29e114131f4c231d7d7c7bfc6741414eaa1d58db247320f175b704559/gh2.png)
![](https://freight.cargo.site/t/original/i/8ad7ca95100ad4eca03b5c284e55d3996422576951f0abc196f1dace2929fd17/gh3.png)
![](https://freight.cargo.site/t/original/i/10a11772035926d9b553e371ba0f7958146a9fef2fed538bad6dd1dcd382f4e1/pg1.png)
![](https://freight.cargo.site/t/original/i/b6d25fb5a608737fb8d84b88e9226f67bfb64e498a543cc07d3a9a575fa58d0b/pg2.png)
![](https://freight.cargo.site/t/original/i/9a3cb4dd3981829fe83a9c1a9c93f3a1aee5e4eafc82fa4d4cd33a0bf17b03da/pg3.png)
Ideation
![](https://freight.cargo.site/t/original/i/9e1f6959a59a897b0ec21d679489eb1ace4cc1429444d4cd4c9939518247c79b/proto-2.png)
![](https://freight.cargo.site/t/original/i/bf0d58483a8785bd782365552e26f3888c52e964b0257a67e20f76943e7be1f3/proto-1.png)
![](https://freight.cargo.site/t/original/i/1c724ed1078b620c9f3b8a709cada9a155504cbda33afafbb31441d0824edd00/proto3.png)
![](https://freight.cargo.site/t/original/i/596a19ab52e7c7112b1515e1110ac8b53c073cd8cf124c791c0ddfcf16866081/proto-4.png)
![](https://freight.cargo.site/t/original/i/bc5e50ddb6685dbff2d643804e6692af47d6d999d08124979d81f64f82520eee/wires-1.png)
![](https://freight.cargo.site/t/original/i/f6775ef6f51d2832083ffe04b74616d5dcac7446d7f532cfed30b47fbeb2433c/wires-2.png)
![](https://freight.cargo.site/t/original/i/dd244b129cf41f95d3c7cea4982b1a55cce04c7c69f61ad530c6e89e9b9dd84f/wires-3.png)
![](https://freight.cargo.site/t/original/i/f6775ef6f51d2832083ffe04b74616d5dcac7446d7f532cfed30b47fbeb2433c/wires-2.png)
UI Components
![](https://freight.cargo.site/t/original/i/956107e804690a7cc14ae9193e942df4a25fcf9dd4b94c785894e4601a872805/UI-System.png)
![](https://freight.cargo.site/t/original/i/2d295a3883d40ef1feeb3d16d32d7d96718ef723dfa2af8516cb5f0e78809a36/Outline-Specs.png)
The Notebook Outline Panel
![](https://freight.cargo.site/t/original/i/8ee2cba88b9811fbf7193815fb4ebadd6659733c6c4d68236685ae8e6f3cf923/ntop-outline.png)
Outcome & Opportunities
Park Ave
Concept design and design development for a slump-glass facade system for a flagship store in NYC, in collaboration with Mode Lab. The ripple effect and frit pattern of the glass facade was optimized to reduce glare and solar exposure, while producing a hypnotic effect of a city in perpetual motion.
![](https://freight.cargo.site/t/original/i/982cb55a1d7f27f600c2d9089d110a37f3350d19bfff52bddfd39650c34fa1a2/Frit-Pattern.png)
Harry’s
Concept deisgn and product development for a series of razor handles, in collaboration with Harry’s and Mode Lab. Instead of simply applying a texture to a product, we developed a 3D visual language to complement the Harry’s and Flamingo brands.
![](https://freight.cargo.site/t/original/i/782d4764b50b8535e5a97f4fa0f6fde278a248b14d699f4f2474e3327e965a6d/Flamingo-process-renderings.png)
To explore the vast range of possibilities, we created a custom app that makes it easy to create and visualize custom texutures in 2D and apply it to a 3D model. This also enabled us to create the textures procedurally, so that the same geometric rules can be easily applied to a range of products.
Harry’s App Prototype
In addition to the Flamingo razor, we applied the concept to several others. The geometry produced by the application is manufacturing-ready, enabling us to go from concept to production in minutes.
![](https://freight.cargo.site/t/original/i/ab6caf0212a524d7613e5b203e480d72bab104a4c5d7ddb963d44fb7e955bb8a/concept_A.jpg)
![](https://freight.cargo.site/t/original/i/3cfccd308eb752f2cf77d3c12e2b924f43e66bf4579d0ac910f57bee58c12ab2/concept_C.jpg)
![](https://freight.cargo.site/t/original/i/d89de2b93e41fe4f1d26aeeaaa0c5af1397053a19447fa956242275e766281de/concept_A_full.png)
![](https://freight.cargo.site/t/original/i/98996e9600ce5856cc42ce31c7fe611d3049e00c7a649fd4794cfd5d85818c15/concept_C_full.png)
![](https://freight.cargo.site/t/original/i/c0a010ced31d6f02d0458a20d838d1653d6de50384ea725357d6448ced38ff87/021717_Winston_render.105.png)
![](https://freight.cargo.site/t/original/i/21e14fcbd4d4755a72414e1224426ab6c4d9fa6b4a677210c350088226f0b8b1/021717_Winston_render.104.png)
![](https://freight.cargo.site/t/original/i/c340c5fced5e3aaf0bdd8fbe819055c143547df447ff2f63517b04c9849db196/2B.jpg)
Shop
All products are made-to-order and printed on demand, produced locally in NYC.