Startup
2019

Figma
GitHub
Ruby on Rails

HTML/CSS
JavaScript
Embedded Ruby

In my senior year at ASU, I volunteered at CrowdPublish.tv, an ASU Venture Devils︎︎︎ startup that looked to connect authors, directors, and other creatives to livestream discussions and sell exclusive perks and crowdfund new content.

My role at this startup — later known as ThinQ.tv — was to improve the user experience. While originally brought on for user interface design, after thorough vetting of the codebase I became involved in holistically designing the product.

I revamped the project files for consistent and accessible styling, defined the user flow, integrated livestreaming and payment processing features, and started work on updating the UI and branding.

View Project on GitHub︎︎︎

Style Architecture

While the project’s gemfile pulled SASS and Bootstrap, neither were being used effectively. Following Matt Boldt’s recommendation︎︎︎, I refactored the CSS file structure to allow for cascading SASS variables and decrease redundancy.

Old

assets/
    stylesheets/
        /application.css
        /projects.scss
        /users.scss
        /uploads.scss
        /home.scss

New

assets/
    stylesheets/
        /application.scss
        /main.scss
    base/
        /variables.scss
        /global.scss
    styles/
        /users.scss
        /home.scss

Atomic Components

With inheritible styles, we were able to build a component library for faster mockups and development.

With inspiration from Brad Frost’s Atomic Components︎︎︎, smaller elements can be compiled into larger “molecules” that give the entire project a consistent user experience that only have to be edited from a single source.

Branding

Though branding was only a small consideration, we wanted to lock down a color and type scheme for our prototype. As a nod to our ASU roots, we used their maroon and gold to replace the purple scheme, and I designed a more serious logo.

︎︎︎Previous Project