Vue.js

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable, while also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.

Bean uses Vue as our front end framework of choice, often paired with Nuxt. Along with a great developer experience, we've found this pairing gets projects up and running quickly, allowing us to focus on front-end design and service integrations. We also have had great success integrating custom designs with Vue into e-commerce platforms like Shopify.

Related Projects

Supernatural

Site Redesign, Copywriting and Rebuild

Oculus fitness app Supernatural came to us needing new life breathed into their marketing site, just ahead of the announcement of their acquisition by Meta. Paying close attention to Supernatural’s already established branding and aesthetic, the Bean design team came up with a dynamic, multi-module design representing the innovative fitness app as a complete, well-rounded workout experience. Bean worked closely with the Supernatural marketing team to craft engaging, impactful copy.

With plans to introduce new modes of fitness and run promotional campaigns, Supernatural needed the new site setup on an easy-to-use CMS. The devs at Bean built an intuitive Content management system using Sanity.

Sanity Figma Supernatural design agency Bean
Sanity Figma Supernatural design agency Bean

Supernatural

Site Redesign, Copywriting and Rebuild

Oculus fitness app Supernatural came to us needing new life breathed into their marketing site, just ahead of the announcement of their acquisition by Meta. Paying close attention to Supernatural’s already established branding and aesthetic, the Bean design team came up with a dynamic, multi-module design representing the innovative fitness app as a complete, well-rounded workout experience. Bean worked closely with the Supernatural marketing team to craft engaging, impactful copy.

With plans to introduce new modes of fitness and run promotional campaigns, Supernatural needed the new site setup on an easy-to-use CMS. The devs at Bean built an intuitive Content management system using Sanity.

Ranch Figma Vue.js  Nuxt Sanity digital agency bean

The Ranch

Brand Identity, Design, and Development

The Ranch is the primary exhibition venue for art dealer Max Levai. The space traces its history back to 1658 as the longest running cattle ranch in the United States.

It was important for the branding and design to convey timelessness and reflect the rich cultural heritage of the original Deep Hollow Ranch, while allowing the artwork to be the focal point of the experience.

Bean built a responsive site for The Ranch, and leveraged existing data sets of the Max Levai firm to streamline development. We utilized Sanity as the CMS on the progressive Javascript framework Nuxt and Vue.js.

Ranch Figma Vue.js  Nuxt Sanity digital agency bean

The Ranch

Brand Identity, Design, and Development

The Ranch is the primary exhibition venue for art dealer Max Levai. The space traces its history back to 1658 as the longest running cattle ranch in the United States.

It was important for the branding and design to convey timelessness and reflect the rich cultural heritage of the original Deep Hollow Ranch, while allowing the artwork to be the focal point of the experience.

Bean built a responsive site for The Ranch, and leveraged existing data sets of the Max Levai firm to streamline development. We utilized Sanity as the CMS on the progressive Javascript framework Nuxt and Vue.js.

Max Levai Fine Art Services

Brand Identity, Design, and Development

Max Levai Fine Art Services is an art consultancy firm working with artists, collectors, galleries, institutions, and brands to curate, produce, and site art exhibitions internationally. The Bean team designed a powerful brand identity and portfolio site to showcase the artists and exhibitions which form the bedrock of the firm's forward-thinking curatorial practice. Utilizing the progressive Javascript framework Vue and Nuxt.js, Bean developed a versatile, responsive site with a client-friendly CMS backed by Sanity.

Max Levai art Nuxt Vue.js Sanity digital agency bean
Max Levai art Nuxt Vue.js Sanity digital agency bean

Max Levai Fine Art Services

Brand Identity, Design, and Development

Max Levai Fine Art Services is an art consultancy firm working with artists, collectors, galleries, institutions, and brands to curate, produce, and site art exhibitions internationally. The Bean team designed a powerful brand identity and portfolio site to showcase the artists and exhibitions which form the bedrock of the firm's forward-thinking curatorial practice. Utilizing the progressive Javascript framework Vue and Nuxt.js, Bean developed a versatile, responsive site with a client-friendly CMS backed by Sanity.

salon 94 agency vue nuxt arts culture bean

Salon 94

Site Rebuild, Replatforming, and Custom Shopify

Salon94 came to us in a time of transition. They were in the middle of opening a new location across from the Guggenheim, and in that spirit, needed a new site which merged their two branches: Salon 94 and S94 Design. We moved 10+ years of exhibitions, containing thousands of works of art, to an easy-to-use custom CMS setup with Sanity. Using the Shopify Storefront API integration with Nuxt, we also set up the renown gallery with a custom Shopify store.

Collaborators
salon 94 agency vue nuxt arts culture bean

Salon 94

Site Rebuild, Replatforming, and Custom Shopify

Salon94 came to us in a time of transition. They were in the middle of opening a new location across from the Guggenheim, and in that spirit, needed a new site which merged their two branches: Salon 94 and S94 Design. We moved 10+ years of exhibitions, containing thousands of works of art, to an easy-to-use custom CMS setup with Sanity. Using the Shopify Storefront API integration with Nuxt, we also set up the renown gallery with a custom Shopify store.

Collaborators

United Talent Agency

Site Rebuild and Replatforming

United Talent Agency (UTA) is a leading global talent and entertainment company representing many of the most acclaimed figures in film, television, music, and more. As the company continued to expand, UTA decided to integrate their various web properties under one custom platform.

Bean rebuilt their entire site from the ground up using a modern tech stack featuring Vue.js/Nuxt and migrated their existing content from multiple Wordpress sites to Contentful.

Collaborators
united talent agency vue nuxt arts culture bean
united talent agency vue nuxt arts culture bean

United Talent Agency

Site Rebuild and Replatforming

United Talent Agency (UTA) is a leading global talent and entertainment company representing many of the most acclaimed figures in film, television, music, and more. As the company continued to expand, UTA decided to integrate their various web properties under one custom platform.

Bean rebuilt their entire site from the ground up using a modern tech stack featuring Vue.js/Nuxt and migrated their existing content from multiple Wordpress sites to Contentful.

Collaborators
Omgivning-vue-nuxt-architecture-agency-bean

Omgivning

Site Rebuild and Replatform

Omgivning is an architecture firm based out of Downtown Los Angeles. In collaboration with design studio Yummy Colours, Bean built Omgivning a site worthy of their cutting edge work. Our Team used a modern tech stack of Vue/Nuxt.JS alongside Contentful as CMS.

Omgivning-vue-nuxt-architecture-agency-bean

Omgivning

Site Rebuild and Replatform

Omgivning is an architecture firm based out of Downtown Los Angeles. In collaboration with design studio Yummy Colours, Bean built Omgivning a site worthy of their cutting edge work. Our Team used a modern tech stack of Vue/Nuxt.JS alongside Contentful as CMS.

Nécessaire

Custom Shopify E-Commerce Site

Nécessaire offers a stylish line of body care products made with high-quality ingredients that support health and wellbeing. The client Heat Waves brought on our team as the development parnter for the project. Bean used a headless cms approach using Shopify and Vue.js which allowed for a premium custom ecomm experience.

Necessaire shopify vue ecommerce bean
Necessaire shopify vue ecommerce bean

Nécessaire

Custom Shopify E-Commerce Site

Nécessaire offers a stylish line of body care products made with high-quality ingredients that support health and wellbeing. The client Heat Waves brought on our team as the development parnter for the project. Bean used a headless cms approach using Shopify and Vue.js which allowed for a premium custom ecomm experience.

Full moon pet vue shopify ecommerce bean

Full Moon

Custom Shopify E-Commerce Site

Full Moon are a natural dog treat company who pride themselves on the safe, human-grade ingredients that comprise their products. Utilizing Shopify, Vue, and Contentful, Bean built them a custom eCommerce site to match the high quality of their treats.

Full moon pet vue shopify ecommerce bean

Full Moon

Custom Shopify E-Commerce Site

Full Moon are a natural dog treat company who pride themselves on the safe, human-grade ingredients that comprise their products. Utilizing Shopify, Vue, and Contentful, Bean built them a custom eCommerce site to match the high quality of their treats.

Listen

Site Rebuild and Replatforming

Hailing from New York City, Listen are a cultural innovation agency rooted in sound and music. As a means to showcase their boundary-pushing creative projects, we built them a new marketing/portfolio site using Vue and Nuxt. We also utilized Contentful to set them up with a custom CMS.

we are listen vue nuxt culture agency bean
we are listen vue nuxt culture agency bean

Listen

Site Rebuild and Replatforming

Hailing from New York City, Listen are a cultural innovation agency rooted in sound and music. As a means to showcase their boundary-pushing creative projects, we built them a new marketing/portfolio site using Vue and Nuxt. We also utilized Contentful to set them up with a custom CMS.

minisocial Vue.js Nuxt Sanity hubspot social media agency bean

Minisocial

Design and Development

Minisocial is a a UGC platform which connects micro influencers with brands. They came to us in need of a fresh new branding look, a user-friendly brief building process, a campaign dashboard system, and a redesign of their marketing site.⁠⁠

⁠⁠Our dev team utilized formstack for the brief-builder and hubspot to create a dashboard system for automatically delivering content between brands and influencers. We also built them a new marketing site and set them up with an easy to manage, custom CMS.⁠⁠

minisocial Vue.js Nuxt Sanity hubspot social media agency bean

Minisocial

Design and Development

Minisocial is a a UGC platform which connects micro influencers with brands. They came to us in need of a fresh new branding look, a user-friendly brief building process, a campaign dashboard system, and a redesign of their marketing site.⁠⁠

⁠⁠Our dev team utilized formstack for the brief-builder and hubspot to create a dashboard system for automatically delivering content between brands and influencers. We also built them a new marketing site and set them up with an easy to manage, custom CMS.⁠⁠