SHOCKS OF LOVE|CODING & VISUAL ASSETS
Shocks of Love Digital World
BACKGROUND:
Shocks of Love, a small business founded by certified aromatherapist Juan Felipe (JF), aimed to broaden the presence of aromatherapy in the everyday market through their unique line of scents. As Shocks of Love gained popularity and caught the attention of various magazine publications, JF sought to establish an online shop coinciding with the release date of upcoming press articles. With just a month before the press release, we developed this site to encapsulate their vision as an ethereal, dreamy, and inviting brand.
This project holds significance in my career as it represents the first instance where I played a role in creating visual assets while also contributing to the coding of the website.
This project holds significance in my career as it represents the first instance where I played a role in creating visual assets while also contributing to the coding of the website.
ROLE:
✮ VISUAL DESIGNER & DEVELOPER, COLLABORATED WITH A TEAM: MOTION DESIGNER, DEVELOPER, FOUNDER
✮ RESPONSIBILITIES:
✮ PHOTO ASSISTING, PHOTO RETOUCHING & EDITING, VISUAL ASSETS, VISUAL DESIGN, HOMEPAGE LAYOUT
✮ CODING PRODUCT LAYOUT PAGES, PRODUCT DESCRIPTION PAGES, SHOPPING FLOW
✮ DURATION: 1 MONTH
✮ LAUNCHED OCTOBER 2020
✮ RESPONSIBILITIES:
✮ PHOTO ASSISTING, PHOTO RETOUCHING & EDITING, VISUAL ASSETS, VISUAL DESIGN, HOMEPAGE LAYOUT
✮ CODING PRODUCT LAYOUT PAGES, PRODUCT DESCRIPTION PAGES, SHOPPING FLOW
✮ DURATION: 1 MONTH
✮ LAUNCHED OCTOBER 2020
CONSTRAINTS:
✮ TIME CONSTRAINTS ✮
Recognizing the need for timely delivery, I collaborated with a developer to code the custom homepage, enabling me to focus on coding other pages while simultaneously creating visual assets. Ongoing photo shoots for original imagery presented challenges in synchronizing production efforts, leading to adjustments in design decisions during concept and shoot logistics. Working within this tight timeframe, strategy collaboration and adaption became essential for the project’s success.
✮ BUDGET CONSTRAINTS ✮
As a new small business, Shocks of Love operates on a modest budget, prioritizing funds for sourcing organic and ethically sourced ingredients. To effectively allocate resources, I made decisions such as collaborating with only one developer for the homepage and coding the rest of the designs. In segments where development resources were limited, I took on coding tasks in Liquid to ensure consistent customizations throughout the project.
✮ TECHNICAL CONSTRAINTS ✮
Technical challenges arose regarding the client's desired 3D animations within Shopify's constraints. To address this, workshop sessions led to a strategic shift, leveraging photography with various treatments to achieve a dreamlike effect.
Recognizing the need for timely delivery, I collaborated with a developer to code the custom homepage, enabling me to focus on coding other pages while simultaneously creating visual assets. Ongoing photo shoots for original imagery presented challenges in synchronizing production efforts, leading to adjustments in design decisions during concept and shoot logistics. Working within this tight timeframe, strategy collaboration and adaption became essential for the project’s success.
✮ BUDGET CONSTRAINTS ✮
As a new small business, Shocks of Love operates on a modest budget, prioritizing funds for sourcing organic and ethically sourced ingredients. To effectively allocate resources, I made decisions such as collaborating with only one developer for the homepage and coding the rest of the designs. In segments where development resources were limited, I took on coding tasks in Liquid to ensure consistent customizations throughout the project.
✮ TECHNICAL CONSTRAINTS ✮
Technical challenges arose regarding the client's desired 3D animations within Shopify's constraints. To address this, workshop sessions led to a strategic shift, leveraging photography with various treatments to achieve a dreamlike effect.
RESULTS
Since its launch, Shocks of Love has grown popularity, securing partnerships with companies such as SSENSE, Urban Outfitters, GQ, Refinery29, and more. Despite the pressure and challenges, I enjoyed working on this project and having the opportunity to develop my skills in HTML, CSS, and Liquid too.