Responsibilities

• I am the only designer and engineer on the team. I have designed, prototyped, tested and built both the app and marketing website.
• The app is built with Chakra UI, Saas UI, TypeScript, Next.js, and GraphQL, and the website with Framer
• This is a data and charts heavy product, so I dove deep into the dense display of data, by utilizing React table, Chart.js and Framer Motion where applicable

Responsibilities

• I was brought on to help with the design and implementation of the new version of the product. I led the development and advancement of their bespoke design system.
• I implemented the bespoke design system based on their existing repo and wants using CSS modules, Radix primitives and in React
• I implemented the many of the components in both Figma and in the codebase, working with the team's designer for the rest. I also worked with the team to refactor them in the product.
• A significant part of the project was in educating the team on design system principles. I created a documentation site for the design system using Storybook to help with this.

Responsibilities

• I joined this project as the only designer, and frontend specific engineer.
• I implemented a redesigned interface and deep customization options for the user.
• I implemented Tremor.so charts and Chart.js for the chart types unsupported by Tremor.

Projects

• ChartGPT redesign Open source query for data visualization

Responsibilities

• Created a bespoke design system using Tailwind, Radix ui, and storybook. Created more than 65 components from idea to production package. The design system received incredibly positive reviews and adoption by the entire engineering team. The project expanded from an internal use to open sourcing, which opened a new opportunity for high growth of the product with a developer-app's platform launching on its back.
• Led the team to polished design and implementation across the product. Added micro-animations with accessible fallbacks
• Led documentation with Storybook and internal tooling and held demos of releases as well as open critiques for clear understanding of the design system.
• Mentored the designer and front-end teams on design systems
• I built custom Figma dev tooling for handoff in the design system component's API directly

Projects

• Frosted-ui Design System A bespoke, open source Tailwind Design System

Responsibilities

• Led the redesign of the product, in both UI and code.
• The focus of the new version was on clean UI with intentional UX and tapped into strategy goals (Listening to customers) that was previously missing. Implemented a design-system approach to building, to ensure polished and fast shipping. This included things like graphql codegen + the design system and Formik to auto generate forms.
• Implemented a modern stack: Next.js + Vercel, Chakra UI, Saas UI, Clerk, PlanetScale + Pothos + Prisma; and mentored the engineers through the transition