Visible

Platforms: My Roles: Front-End Engineer Tools: React, TypeScript, ESLint, Yarn, VS Code, Sass, Jest, Bootstrap

Visible is a phone service that makes it quick and easy to sign up. The product was targeted towards young adults and the design of the entire site reflects a more playful theme, with emoticons as the brand's signature style.

Reusable Components

Various website screenshots

Reusable components was the name of the game here. The design and development team made that an important goal early on during the project.

Luckily, complex business rules really only centered around the e-commerce section of the site, so creating generic React components wasn't too difficult.

Mobile First

Because of past learnings, it was set from the start of the project to design and develop the entire site with a "mobile first" mindset. When UI components were designed, I made sure they were still responsive and could squash and stretch without sacrificing the overall user experience.

With a blend of custom SASS + bootstrap out-of-the-box components, it was a breeze creating reusable React components.

Various mobile screenshots