Ben Rogerson

I build digital experiences and tools that impress and delight.

Projects and experiences

  1. View Mezz website

    A non-typical, lively website for project documentation

    After the release of the open source package on NPM, I created an interactive website for the documentation, complete with custom illustrations.
    # Design, Remix.js, React, TypeScript, Tailwind
  2. React hooks for building responsive and adaptable web interfaces

    To help observe element sizes in React, I created this handy set of performant hooks, hosted them on GitHub and released the project on NPM.
    # React hooks, TypeScript
  3. A music app to search for artists and preview their music

    While gaining experience working with the Spotify API, I completed a project to search for artists and preview their music, injecting some slick animations to finish it off.
    # Design, Vite, React, TypeScript, Tailwind, Animation
  4. A web app to sync and manage SVG icon sets for the web

    To save time making icons ready for the web and ensure consistency, I released an app that processes, minifies and syncs your icon settings.
    # Design, Next.js, React, TypeScript, Tailwind, Zustand
  5. MinuteMe

    A web app that improves your meetings and accountability

    Working with a small team at this early-stage startup, I performed a full redesign and shipped a wide range of features from start-to-finish on both the front and backend.
    › Read more about my experience
    # Design, React, Node, TypeScript, MongoDB, Tailwind
  6. A popular interface styling tool for developers

    To improve the Tailwind styling experience for developers using css-in-js, I created a styling framework using Babel and released it on GitHub. The project accumulated a community and now has over 5.4 million downloads.
    # Open source, Node, TypeScript, Babel, Support
  7. View Heart Research Institute

    A website for a medical research institute

    HRI was developed for Simple using a custom design system and given a rich integration with Craft CMS.
    # Styling, JavaScript, Craft CMS
  8. A SSH command line tool that syncs local with remote folders and databases

    This tool was created to improve the process of pushing updates to remote machines and sped up the teams iteration times significantly.
    # Node, JavaScript, React
  9. A website for innovative antennas

    Lencom was developed for Simple using a custom design system and given a rich integration with Craft CMS.
    # Styling, JavaScript, Craft CMS
  10. View Cruftless Craft

    A website for my articles on CraftCMS

    To share my knowledge of Craft CMS, I created a blog to document my experiences and help others.
    # React, Styling, JavaScript
  11. View Solitaire Automotive

    A website for a car company

    The Solitaire website was developed for Frame Creative and features many custom animations and interactions.
    # Styling, JavaScript, Wordpress
  12. A website for an event management company

    The Novatech website was developed for Frame Creative and contains many small interactive elements to help communicate the creative nature of the company.
    # Styling, JavaScript, Wordpress