As this project's lead designer, we designed a completely responsive e-commerce site that collaborated with BeDrawn, a branding agency. Our website went hand-in-hand with BeDrawn's Opus Grows brand identity and packaging designs.

As this project's lead designer, we designed a completely responsive e-commerce site that collaborated with BeDrawn, a branding agency. Our website went hand-in-hand with BeDrawn's Opus Grows brand identity and packaging designs.

As this project's lead designer, we designed a completely responsive e-commerce site that collaborated with BeDrawn, a branding agency. Our website went hand-in-hand with BeDrawn's Opus Grows brand identity and packaging designs.

As this project's lead designer, we designed a completely responsive e-commerce site that collaborated with BeDrawn, a branding agency. Our website went hand-in-hand with BeDrawn's Opus Grows brand identity and packaging designs.

THE BRIEF

Design an e-commerce site for the Opus Grows brand through Shopify. The design needs to reflect the current brand identity designed by BeDrawn.

Design an e-commerce site for the Opus Grows brand through Shopify. The design needs to reflect the current brand identity designed by BeDrawn.

Design an e-commerce site for the Opus Grows brand through Shopify. The design needs to reflect the current brand identity designed by BeDrawn.

Design an e-commerce site for the Opus Grows brand through Shopify. The design needs to reflect the current brand identity designed by BeDrawn.

TARGET AUDIENCE

Millennials with an interest in growing plants in their own spaces. Busy, working people who don't have the time to buy their own soil at the store. They are in need of a product/service that is convenient and is of good quality.

Millennials with an interest in growing plants in their own spaces. Busy, working people who don't have the time to buy their own soil at the store. They are in need of a product/service that is convenient and is of good quality.

Millennials with an interest in growing plants in their own spaces. Busy, working people who don't have the time to buy their own soil at the store. They are in need of a product/service that is convenient and is of good quality.

Millennials with an interest in growing plants in their own spaces. Busy, working people who don't have the time to buy their own soil at the store. They are in need of a product/service that is convenient and is of good quality.

If you are reading this, it is because your browser does not support the HTML5 video element.

RESEARCH / WIREFRAME / MOODBOARDS

RESEARCH / WIREFRAME / MOODBOARDS

After consulting with the client about the site's objectives, our team began to do research about the demographics, their lifestyles, and consumer habits. We created what we envisioned the user would need for the most efficient workflow. We then drafted an initial wireframe that organized and laid out the content for the entire site. After we finalized the wireframe, we then proceeded to design the moodboard.

After consulting with the client about the site's objectives, our team began to do research about the demographics, their lifestyles, and consumer habits. We created what we envisioned the user would need for the most efficient workflow. We then drafted an initial wireframe that organized and laid out the content for the entire site. After we finalized the wireframe, we then proceeded to design the moodboard.

After consulting with the client about the site's objectives, our team began to do research about the demographics, their lifestyles, and consumer habits. We created what we envisioned the user would need for the most efficient workflow. We then drafted an initial wireframe that organized and laid out the content for the entire site. After we finalized the wireframe, we then proceeded to design the moodboard.

After consulting with the client about the site's objectives, our team began to do research about the demographics, their lifestyles, and consumer habits. We created what we envisioned the user would need for the most efficient workflow. We then drafted an initial wireframe that organized and laid out the content for the entire site. After we finalized the wireframe, we then proceeded to design the moodboard.

THE PROBLEMS

Online consumers tend to have short attention spans - they don't spend time exploring the site to find what they are looking for. We need to find a way to: A. Maintain consumer interest in the products beyond the initial landing page.B. Guide the consumers through the shopping process, eventually leading to them to add the product into their cart.C. Make it easy for them to find informative information about product's features.

Online consumers tend to have short attention spans - they don't spend time exploring the site to find what they are looking for. We need to find a way to: A. Maintain consumer interest in the products beyond the initial landing page.B. Guide the consumers through the shopping process, eventually leading to them to add the product into their cart.C. Make it easy for them to find informative information about product's features.

Online consumers tend to have short attention spans - they don't spend time exploring the site to find what they are looking for. We need to find a way to: A. Maintain consumer interest in the products beyond the initial landing page.B. Guide the consumers through the shopping process, eventually leading to them to add the product into their cart.C. Make it easy for them to find informative information about product's features.

Online consumers tend to have short attention spans - they don't spend time exploring the site to find what they are looking for. We need to find a way to: A. Maintain consumer interest in the products beyond the initial landing page.B. Guide the consumers through the shopping process, eventually leading to them to add the product into their cart.C. Make it easy for them to find informative information about product's features.

If you are reading this, it is because your browser does not support the HTML5 video element.

STYLEGUIDE / DESIGN ELEMENTS-COMPONENTS

STYLEGUIDE / DESIGN ELEMENTS-COMPONENTS

Setting up an initial styleguide is very important in order to keep everything organized. This will allow our team to design elements and components that can be used throughout the site. By being consistent with the design, the consumer will more likely recognize the Opus Grows website as part of the overall brand.

Setting up an initial styleguide is very important in order to keep everything organized. This will allow our team to design elements and components that can be used throughout the site. By being consistent with the design, the consumer will more likely recognize the Opus Grows website as part of the overall brand.

Setting up an initial styleguide is very important in order to keep everything organized. This will allow our team to design elements and components that can be used throughout the site. By being consistent with the design, the consumer will more likely recognize the Opus Grows website as part of the overall brand.

Setting up an initial styleguide is very important in order to keep everything organized. This will allow our team to design elements and components that can be used throughout the site. By being consistent with the design, the consumer will more likely recognize the Opus Grows website as part of the overall brand.

If you are reading this, it is because your browser does not support the HTML5 video element.

PHOTOGRAPHY / PRODUCT / LIFESTYLE

Along with the design elements, we further customize the site using product photography, shot and styled in collaboration with Small Green Door. This will set the tone for each individual product page and leave a lasting impression on the consumer.

Along with the design elements, we further customize the site using product photography, shot and styled in collaboration with Small Green Door. This will set the tone for each individual product page and leave a lasting impression on the consumer.

Along with the design elements, we further customize the site using product photography, shot and styled in collaboration with Small Green Door. This will set the tone for each individual product page and leave a lasting impression on the consumer.

Along with the design elements, we further customize the site using product photography, shot and styled in collaboration with Small Green Door. This will set the tone for each individual product page and leave a lasting impression on the consumer.

If you are reading this, it is because your browser does not support the HTML5 video element.

WEBSITE DESIGN

With all the elements thoughtfully assembled, we collaboratively put together the site. By using pre-designed components, we managed to keep the site consistent and clean. To make sure that we set the Opus Grows brand apart from all the others, we added in unique elements throughout the site, using it as finishing touches to wrap up a beautiful soil shopping experience.

With all the elements thoughtfully assembled, we collaboratively put together the site. By using pre-designed components, we managed to keep the site consistent and clean. To make sure that we set the Opus Grows brand apart from all the others, we added in unique elements throughout the site, using it as finishing touches to wrap up a beautiful soil shopping experience.

With all the elements thoughtfully assembled, we collaboratively put together the site. By using pre-designed components, we managed to keep the site consistent and clean. To make sure that we set the Opus Grows brand apart from all the others, we added in unique elements throughout the site, using it as finishing touches to wrap up a beautiful soil shopping experience.

With all the elements thoughtfully assembled, we collaboratively put together the site. By using pre-designed components, we managed to keep the site consistent and clean. To make sure that we set the Opus Grows brand apart from all the others, we added in unique elements throughout the site, using it as finishing touches to wrap up a beautiful soil shopping experience.