![project hero](/_next/image?url=%2Fproject-covers%2Fskiff.jpg&w=3840&q=75)
![project hero](/_next/image?url=%2Fproject-covers%2Fskiff.jpg&w=3840&q=75)
Loading......
Skiff
Productivity
I led design at Skiff, a productivity company building E2EE collaboration tools. As the first full-time design hire, I helped scale Skiff from a beta product to over +1,000,000 users. During my time with the team, I focused mostly on Skiff Pages, Drive, and Mail. A blessing in disguise, managing such a large scope has helped me develop a holistic understanding of the product ecosystem, all while still being able to contribute at the most granular level. As of February 2024, Skiff has been acquired by Notion↗.
Role
Product & Brand Designer
Collaborators
Jason Ginsberg
Sunny Li
Natalie Almosa
Oscar Dumlao
Duration
2022 - 2023
Tools
Figma
React
Notion acquires Skiff
✶ Visual Language
I helped transform Skiff's visual design language. This involved working with Pentagram↗ on an initial rebrand to evolving it into a usable design system, complete iconography set, and visual graphic style.
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fapp-logos.74115797.jpg&w=3840&q=75)
Loading......
Four skeuomorphic icons, one for each product [Co-designed with Jason]
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmarketing-landing.53700090.jpg&w=3840&q=75)
Loading......
Led design for the Skiff marketing site relaunch, a 2.5 month project. Visit here↗
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmarketing-cards-2.cd3d6848.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmarketing-cards.16ddedb0.png&w=3840&q=75)
Loading......
20 interactive graphics scattered across the marketing site, each individually coded in React
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficons.82f1dd3a.png&w=3840&q=75)
Loading......
+200 Hand drawn icons combining angular and soft features
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fapp-switcher.b6871ac2.jpg&w=3840&q=75)
Loading......
Global app switcher for navigation between products and workspaces.
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fonboarding.1331426e.jpg&w=3840&q=75)
Loading......
Search, sorting automation, compose editor, web3 wallet email, etc.
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmail.6b85183a.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcompose-modal.da1436f9.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile-mail-1.35b2149e.png&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile-mail-2.1c285834.png&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcustom-domains.ec6344ea.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fonboarding-checklist.de5a833a.jpg&w=3840&q=75)
Loading......
✶ Pages
Text styles, tables, navigation sidebar, format bar, sharing features, enterprise controls, public documents, etc.
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcomments.8a6e77e6.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flocal-sharing.651b53bd.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsharing-modal.e648bc27.png&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ficon-picker.7b50be98.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdrag-drop.913337b5.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fformat-bar.619d7fd6.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftables.c15331ef.jpg&w=3840&q=75)
Loading......