• fastingaid-menu
1 11

Fasting Aid

Fasting Aid

  • Project duration: 2-3 month
  • Client: USA

Fasting Aid is a brand dedicated to supporting positive lifestyle changes through fasting. It embodies a mission to inspire healthier habits and empower individuals on their fasting journey with quality products and resources.

Visit Fasting Aid
  • Scroll down to get more information!
View full details

Responsibilities

Develop and Customize User Authentication Features

  • Implement custom Sign Up, Sign In, and password recovery pages based on provided designs.
  • Integrate social login functionality using applications like Google, Facebook, and Apple ID.
  • Create custom password validation mechanisms using JavaScript for users who do not opt for social login, ensuring secure and user-friendly workflows.

Enhance Customer Account Experience

  • Design and integrate a custom top navigation bar for seamless access across customer account pages.
  • Implement navigation on external subscription app pages using advanced JavaScript techniques.
  • Configure apps to enhance account functionality, such as adding download links for order invoices and enabling personal information editing through the Customer Fields app.

Menu and Header Modifications

  • Update and customize the header menu to improve site navigation and user experience.

Product Detail Page (PDP) Enhancements

  • Create a sticky product image for better visibility during scrolling.
  • Design and manage dropdowns for content organization on the PDP.
  • Customize and style product swatches (e.g., flavors) dynamically based on product attributes.

Email Template Development

  • Create and customize multiple email templates to align with branding and communication needs.

Klaviyo Integration and Email Campaigns

  • Develop email flows and popups to enhance customer engagement and retention.
  • Connect with the Skio app to send targeted emails to customers who subscribe or customize their subscriptions, ensuring timely and relevant communication.

General Site Improvements

  • Apply updates and fixes to various pages, including collection pages, contact pages, article pages, and the homepage, ensuring consistency and functionality across the site.

This range of responsibilities reflects expertise in Shopify development, including customization, third-party app integration, and user experience optimization.

Technologies & Tools Used:

  • Shopify Liquid
  • JavaScript
  • HTML
  • CSS/SCSS
  • GIT for version control
  • Gulp
  • Shopify CLI

Apps used on the project:

  • Klaviyo
  • Skio Subscription App
  • Helium Customer Fields
  • bitLogin ‑ Social Login
  • Yotpo Reviews
  • Invoice Print

More info:

fastingaid-menu

Section

Header and Menu

Custom Header and Menu with the possibility to add up to 5 items per row with the links, images, titles and description.

Page

Sign In

Developed custom designed Sign In page. Integrated and styled an App to login via Social Media.
Added possibility to show/hide password in the password field using JS.

Page

Sign Up

Created a custom-designed Sign Up page with integrated and styled social media login functionality using an app. Implemented a show/hide password feature in the password field using JavaScript and added a second password field for confirmation. Enforced minimum password requirements for enhanced security using JS.

Section

Personal Information

Developed a custom account section with a top navigation bar to enable easier and more intuitive switching between different account sections.

Integrated Helium Customer Fields app to let customer edit personal information.

Added links to show and edit addresses.

Section

Orders list

Developed a custom account section with a top navigation bar to enable easier and more intuitive switching between different account sections.

Integrated the Download Invoice app to enable customers to easily download their invoices from the account page. Additionally, customized the invoice design to align with the site's style guide for a consistent brand experience.

Page

Subscription page

Using JS integrated to external sunscription page a top navigation bar to enable easier and more intuitive switching between different account sections.

Styled page following site styles.

App

Klaviyo + Skio Subscription

Created flow and the popup regarding the design.

Integrated the Skio app into Klaviyo flows to automate email communications based on customer actions. These actions include subscribing to a product, updating delivery dates or quantities, canceling subscriptions, or modifying products, ensuring tailored and timely engagement with customers.

Generall

Generall features

Small changes on PDP regarding client's requests.

Made PDP image sticky with the animaton for the content on the right, added background colors to Flavor bbuttons depending on the product. Added accordions styles.

Added small styles changes/fixes to collection page, cart drawer, Article page, home page, about us.

Similar projects