HERMAN-SCHEER / 2016
ROLE
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.
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.
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.
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.
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.
RECOGNITIONS & CREDITS
Shopify's Best Overall Site of the Year - 2016
Awwwards' Honorable Mention
CSS Winner Site of the Day
Credits: Danny Solomon - Art Director , Tessa Smith - Project Manager, Chapin Herman & John Scheer - Lifestyle Photographers, BeDrawn Agency - Brand Designers, Small Green Door - Product Photographer.
Shopify's Best Overall Site of the Year - 2016
Awwwards' Honorable Mention
CSS Winner Site of the Day
Credits: Danny Solomon - Art Director , Tessa Smith - Project Manager, Chapin Herman & John Scheer - Lifestyle Photographers, BeDrawn Agency - Brand Designers, Small Green Door - Product Photographer.
Shopify's Best Overall Site of the Year - 2016
Awwwards' Honorable Mention
CSS Winner Site of the Day
Credits: Danny Solomon - Art Director , Tessa Smith - Project Manager, Chapin Herman & John Scheer - Lifestyle Photographers, BeDrawn Agency - Brand Designers, Small Green Door - Product Photographer.