Search Phrase = Demo
Privacy Policy
Effective date: March 14, 2018, updated June 15th 2019
Anomaly Studios, LLC, also doing business as Anomaly Learning and the Coding Academy ("company", "us", "we", or "our") operates the https://anomalystudios.com, https://learn.anomalystudios.com, https://classes.anomalystudios.com UnityXD, Coding Academy websites and apps (the "Service").
This page informs you of our policies regarding the collection, use, and disclosure of personal data when you use our Service and the choices you have associated with that data.
We use your data to provide and improve the Service. By using the Service, you agree to the collection and use of information in accordance with this policy. Unless otherwise defined in this Privacy Policy, terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, accessible from https://www.anomalystudios.com/terms-of-use-and-conditions
As stated in our Terms of Use, our website and Services are offered and available only to you, if you are (a) that You have not been previously suspended or removed from the Website by Anomaly Learning; (b) that You are either (i) at least 13 years of age or (ii) Your parent and/or guardian has consented to Your use of the Website; and (c) that your registration and your use of the Website is in compliance with any and all applicable laws and regulations.
We are obligated to ask for your explicit consent and give explicit terms of what users are giving consent to.
Personal Data or Personally Identifiable Information means data about a living individual who can be identified from those data (or from those and other information either in our possession or likely to come into our possession).
"processing" generally covers actions that can be performed in connection with data such as collection, use, storage and disclosure.
Usage Data is data collected automatically either generated by the use of the Service or from the Service infrastructure itself (for example, the duration of a page visit).
Cookies are small pieces of data stored on a User's device. Our website uses cookies to distinguish you from other users of our website. This helps us to provide you with a good experience when you browse our website and also allows us to improve our site. For example, by ensuring that users are finding what they are looking for easily.
Data Controller means the natural or legal person who (either alone or jointly or in common with other persons) determines the purposes for which and the manner in which any personal data are, or are to be, processed.
For the purpose of this Privacy Policy, we are a Data Controller of your data.
Data Processor (or Service Provider) means any natural or legal person (other than an employee of the Data Controller) who processes the data on behalf of the Data Controller.
We may use the services of various Service Providers in order to process your data more effectively.
Data Subject is any living individual who is using our Service and is the subject of Personal Data.
The User is the individual using our Service. The User corresponds to the Data Subject, who is the subject of Personal Data.
We collect several different types of information for various purposes to provide and improve our Service to you.
Our collection, use, and disclosure of Student Data are governed by our Privacy Policy and Terms of Use and also by the provision of the Family Educational Rights and Privacy Act (FERPA), the Children's Online Privacy Protection Act (COPPA), General Data Protection Regulation (GDPR), and applicable state laws that relate to the collection of Student Data.
Our cookies do not collect Personal Information or Children's Personal Information, and we do not combine the general information collected through these cookies with other Personal Information or Children's Personal Information to tell us who you are or what your user name or email address is.
If you come to our business through a sales affiliate, cookies are used to associate your account and information with the sales affiliate in order to calculate sales commissions.
While using our Service, we may ask you to provide us with certain personally identifiable information that can be used to contact or identify you ("Personal Data"). We only ask for Personally Identifiable Information where it is reasonably necessary to provide the Services. Personally identifiable information may include, but is not limited to:
â— Email address
â— First name and last name
â— Phone number
â— Address, State, Province, ZIP/Postal code, City
â— Credit Card Payment Information
â— Your Birthdate and Place of Birth
â— Workplace of School
â— A Photo
â— IP Address
â— Metadata
â— Education Records
â— Cookies and Usage Data
â— Posts on Social Media and more
We may use your Personal Data to contact you with newsletters, marketing or promotional materials and other information that may be of interest to you. You may opt out of receiving any, or all, of these communications from us by following the unsubscribe link or instructions provided in any email we send or by contacting us.
We may also collect information how the Service is accessed and used ("Usage Data"). This Usage Data may include information such as your computer's Internet Protocol address (e.g. IP address), browser type, browser version, the pages of our Service that you visit, the time and date of your visit, the time spent on those pages, unique device identifiers and other diagnostic data.
We may use and store information about your location if you give us permission to do so ("Location Data"). We use this data to provide features of our Service, to improve and customize our Service.
You can enable or disable location services when you use our Service at any time, through your device settings.
We use cookies and similar tracking technologies to track the activity on our Service and hold certain information.We may gather anonymous information about Users through cookie technology on an individual and aggregate level.
Cookies are files with small amount of data which may include an anonymous unique identifier. Cookies are sent to your browser from a website and stored on your device. Tracking technologies also used are beacons, tags, and scripts to collect and track information and to improve and analyze our Service.
Examples of Cookies we use:
â— Session Cookies. We use Session Cookies to operate our Service. which expire after a short time or when you close your browser, and persistent cookies, which remain stored in your browser for a set period of time. We use session cookies to identify you during a single browsing session, like when you log in
â— Preference Cookies. We use Preference Cookies to remember your preferences and various settings.
â— Security Cookies. We use Security Cookies for security purposes.
â— Advertising Cookies. Advertising Cookies are used to serve you with advertisements that may be relevant to you and your interests.
â— Analytics Cookies. enable us to monitor and analyze web traffic and can be used to keep track of user behavior.
â— Social Media Cookies. We use Social Media Cookies for various Social Media platforms like Facebook, Twitter, Youtube, Linkedin, and Instagram to allow interactions with their services.
â— Email marketing. We collect name and email address when you register for a webinar or event, request a free resource or join a waiting list, via Infusionsoft
Non-Personal Information
Web Beacons, also known as pixel tags and clear GIFs, ("Web Beacons"), are electronic images that allow a website to access cookies and help track marketing campaigns and general usage patterns of visitors to those websites. Web Beacons can recognize certain types of information, such as cookie numbers, time and date of a page view, and a description of the page where the Web Beacons are placed. No Personally Identifiable Information about you is shared with third parties through the use of Web Beacons on our website. However, through Web Beacons, we may collect general information that will not personally identify you, such as: Internet browser, operating system, date of visit, time of visit and path taken through the website.
When we collect usage information (such as the numbers and frequency of visitors to the Website), we only use this data in aggregate form, and not in a manner that would identify you personally. For example, this aggregate data tells us how often users use parts of the Services, so that we can make the Services appealing to as many users as possible. We may also provide this aggregate information to our partners; our partners may use such information to understand how often and in what ways people use our Services, so that they, too, can provide you with an optimal experience. We do not disclose aggregate information to a partner in a manner that would identify you personally.
â— Authentication and security. Cookies help authenticate your access to Anomaly Learning and prevent unauthorized parties from accessing your accounts.
â— Preferences. Cookies help us remember your settings on the pages you visit, so that we can display your preferred content the next time you visit, or preferred language or the country you're in, so we can provide content in your preferred language without asking each time you visit.
â— Analytics and research. Cookies help us test different versions of Anomaly Learning to see which features or content users prefer, web beacons help us determine which email messages are opened, and cookies help us see how you interact with Anomaly Learning, like the links you click on. We also work with a number of analytics partners, including Google Analytics, who use cookies and similar technologies to help us analyze how users use the Services.
â— Personalized content. Cookies help us provide more relevant content.
â— Advertising. To provide you with more relevant advertising. Note that advertising and targeting only happens through our marketing web pages. No marketing or advertising occurs within our platforms when you are logged into your account. We do this so that only advertising appears to parents and not to children. It is our practice and policy to never display advertising to children.
â— Improve Services. Cookies help us analyze user's experience with our services so that we may improve.
Some information is collected automatically by servers and the services that run the Internet. Additional Metadata is collected for data logs and for security to ensure our platform is a safe place for all. Automatic information collection is described below.
â— Device Information: including your IP address, browser types, browser language, operating system, platform type, gaming platform, device types, and device IDs such as unique identifiers, advertising identifiers, or gaming platform identifiers.
â— Usage Information: including files you download, domain names, landing pages, your browsing activity, what you click, scrolling and keystroke activity, pages viewed, advertising viewed or visited, forms or fields you complete or partially complete, search terms, whether you open an email and your interaction with the content, access times, and error logs, and other similar information.
â— Location Information: including the city, state and ZIP code associated with your IP address, information derived through WiFi triangulation, and precise location information from GPS-based functionality on your mobile devices or from your use of our Mobile Apps, and with your consent, your precise GPS information. (If you are using one of our native apps, and only if you explicitly turned GPS service on within the app, the precise location information from GPS-based functionality will be shared on from your mobile devices or from your use of our Mobile Apps. Your explicit consent is required within our apps for, your precise GPS information to be shared to our systems.)
â— Viewing Behavior: including the content you view, how long you watch each video, the quality of the service you receive (e.g. buffering, load times).
â— Offline Information. Certain information may also be stored while you are offline and transmitted to us when you next connect to the Internet, regardless of where you connect from or the device you use to connect.
Google Analytics
We use a tool called "Google Analytics" to collect information about the users of our services. Google Analytics collects information such as how often users visit our website site, what pages they visit when they do so, and what other sites they used prior to coming to our website. We use the information we get from Google Analytics to analyze performance so we can improve our services, including to help customize our website for users.
Most browsers are initially set up to accept cookies, but you can reset your browser to refuse all cookies or to indicate when a cookie is being sent. However, some features and services (particularly those that require you to sign-in) may not function properly if your cookies are disabled. You may also set your email options to prevent the automatic downloading of images that may contain technologies that would allow us to know whether you have accessed our email and perform certain functions with it.
Through browser preferences, it is also possible to delete Cookies installed in the past, including the Cookies that may have saved the initial consent for the installation of Cookies by our website.
Users can, for example, find information about how to manage Cookies in the most commonly used browsers at the following addresses: Google Chrome, Mozilla Firefox, Apple Safari and Microsoft Internet Explorer.
With regard to Cookies installed by third parties, Users can manage their preferences and withdrawal of their consent by clicking the related opt-out link (if provided), by using the means provided in the third party's privacy policy, or by contacting the third party.
Notwithstanding the above, the Owner informs that Users may follow the instructions provided on the subsequently linked initiatives by the EDAA (EU), the Network Advertising Initiative (US) and the Digital Advertising Alliance (US), DAAC (Canada), DDAI (Japan) or other similar services. Such initiatives allow Users to select their tracking preferences for most of the advertising tools.
Anomaly Studios, LLC uses the collected data for various purposes:
â— To provide and maintain our Service
â— To notify you about changes to our Service
â— To allow you to participate in interactive features of our Service when you choose to do so
â— To provide customer support
â— To gather analysis or valuable information so that we can improve our Service
â— To monitor the usage of our Service
â— To detect, prevent and address technical issues
â— To provide you with news, special offers and general information about other goods, services and events which we offer that are similar to those that you have already purchased or enquired about unless you have opted not to receive such information
â— To comply with applicable laws, regulations, court orders, government and law enforcement agencies' requests.
If you are from the European Economic Area (EEA), our legal basis for collecting and using the personal information described in this Privacy Policy depends on the Personal Data we collect and the specific context in which we collect it.
We may process your Personal Data because:
â— We need to perform a contract with you
â— You have given us permission to do so
â— The processing is in our legitimate interests and it is not overridden by your rights
â— For payment processing purposes
â— To comply with the law
Anomaly Studios, LLC will retain your Personal Data only for as long as is necessary for the purposes set out in this Privacy Policy and that the data is required to offer our services. We will retain and use your Personal Data to the extent necessary to comply with our legal obligations (for example, if we are required to retain your data to comply with applicable laws), resolve disputes, perform our services, and enforce our legal agreements and policies.
Anomaly Studios, LLC will also retain Usage Data for internal analysis purposes. Usage Data is generally retained for a shorter period of time, except when this data is used to strengthen the security or to improve the functionality of our Service, or we are legally obligated to retain this data for longer time periods.
You may exercise your right to request your personal information to be deleted by Anomaly Studios, LLC.
We will hold on to personal information only as long as is reasonably necessary for the purpose for which it was collected. We will securely dispose of it once you no longer have a legitimate reason for retaining it.l
Your information, including Personal Data, may be transferred to - and maintained on - computers located outside of your state, province, country or other governmental jurisdiction where the data protection laws may differ than those from your jurisdiction.
If you are located outside the United States and choose to provide information to us, please note that we transfer the data, including Personal Data, to United States and process it there.
Your consent to this Privacy Policy followed by your submission of such information represents your agreement to that transfer.
Anomaly Studios, LLC will take all steps reasonably necessary to ensure that your data is treated securely and in accordance with this Privacy Policy and no transfer of your Personal Data will take place to an organization or a country unless there are adequate controls in place including the security of your data and other personal information.
If you choose to use our Services from the European Union, please note the following information:
Anomaly Studios, LLC is based in the United States of America. Your personal information is therefore transferred outside the European Union ("EU") and European Economic Area ("EEA"). Such transfer is necessary for the performance of the contract between you Anomaly Studios, LLC
Your PII is also transferred to and processed by third party payment providers and your bank. Such transfers are necessary for performance of the contract between you and Anomaly Studios, LLC(article 49.1 (b) of the GDPR).
In order for us to provide the Services to you, your personal information will be transferred to, and stored at/processed in the United States. Your personal data may also be processed by staff operating outside the European Economic Area (EEA), such as in India and the Philippines, who work for us or for one of our suppliers. We will take all steps reasonably necessary to ensure that your personal data is treated securely and in accordance with this notice.
If you are a resident of the European Economic Area (EEA), you have certain data protection rights. Anomaly Studios, LLC aims to take reasonable steps to allow you to correct, amend, delete or limit the use of your Personal Data.
If you wish to be informed about what Personal Data we hold about you and if you want it to be removed from our systems, please contact us.
In certain circumstances, you have the following data protection rights:
â— The right to refuse to become a data subject
The right to be informed with anything that happens with your personal data and to know what it is used for
â— The right to refuse processing
â— Unless other contractual issues exist or if proprietary company rights exist (of which you should be informed of before you allow your data to be processed) then you can request a copy of your data.
â— The right to erasure
â— The right to access, update or delete the information we have on you. Whenever made possible, you can access, update or request deletion of your Personal Data directly within your account settings section. If you are unable to perform these actions yourself, please contact us to assist you.
â— The right of rectification. You have the right to have your information rectified if that information is inaccurate or incomplete.
â— The right to object. You have the right to object to our processing of your Personal Data.
â— The right of restriction. You have the right to request that we restrict the processing of your personal information.
â— The right to data portability. You have the right to be provided with a copy of the information we have on you in a structured, machine-readable and commonly used format.
â— The right to withdraw consent. You also have the right to withdraw your consent at any time where we relied on your consent to process your personal information.
Please note that we may ask you to verify your identity before responding to such requests.
You have the right to complain to a Data Protection Authority about our collection and use of your Personal Data. For more information, please contact your local data protection authority in the European Economic Area (EEA).
There are some kinds of information you should never provide without student permission including student names, numbers, citizenship, gender, ethnicity, religious and other preferences, grades, GPAs, and class schedules or any other identifiable information.
We may use data which has been de-identified and/or aggregated for product development, research, analytics and other purposes, including for the purpose of analyzing, improving, or marketing the Anomaly Studios, LLC Services. In certain occasions, Anomaly Studios, LLC may share this data with business partners to improve our services or offerings. If we disclose information to authorized business partners to conduct research on online education or assist in understanding the usage, viewing, and Demographic patterns for certain programs, content, services, promotions, and/or functionality on our Service, such data will be aggregated and/or anonymized to reasonably avoid identification of a specific individual.
If Anomaly Studios, LLC is involved in a merger, acquisition or asset sale, your Personal Data may be transferred. We will provide notice before your Personal Data is transferred and becomes subject to a different Privacy Policy.
Under certain circumstances, Anomaly Studios, LLC may be required to disclose your Personal Data if required to do so by law or in response to valid requests by public authorities (e.g. a court or a government agency).
Anomaly Studios, LLC may disclose your Personal Data in the good faith belief that such action is necessary to:
â— To comply with a legal obligation
â— To protect and defend the rights or property of Anomaly Studios, LLC
â— To prevent or investigate possible wrongdoing in connection with the Service
â— To protect the personal safety of users of the Service or the public
â— To protect against legal liability
The security of your data is important to us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your Personal Data, we cannot guarantee its absolute security.
We do not support Do Not Track ("DNT"). Do Not Track is a preference you can set in your web browser to inform websites that you do not want to be tracked.
You can enable or disable Do Not Track by visiting the Preferences or Settings page of your web browser.
Anomaly Studios, LLC aims to take reasonable steps to allow you to correct, amend, delete, or limit the use of your Personal Data.
Whenever made possible, you can update your Personal Data directly within your account settings section. If you are unable to change your Personal Data, please contact us to make the required changes.
If you wish to be informed what Personal Data we hold about you and if you want it to be removed from our systems, please contact us.
Schools must annually notify parents of students and eligible students in attendance of their rights under FERPA.
In certain circumstances, you have the right:
â— To access and receive a copy of the Personal Data we hold about you
â— To rectify any Personal Data held about you that is inaccurate. If you believe that any PII we are holding is incorrect or incomplete please send an email with your specific request to support@anomalystudios.com
â— You have the right to request your personal information to not be processed
â— You have the right to give consent to disclosures
â— You have the right to file a complaint
â— To request the deletion of Personal Data held about you
You have the right to data portability for the information you provide to Anomaly Studios, LLC. You can request to obtain a copy of your Personal Data in a commonly used electronic format so that you can manage and move it.
Please note that we may ask you to verify your identity before responding to such requests.
We may employ third party companies and individuals to facilitate our Service ("Service Providers"), to provide the Service on our behalf, to perform Service-related services or to assist us in analyzing how our Service is used.
These third parties may have access to your Personal Data only to perform these tasks on our behalf and are obligated not to disclose or use it for any other purpose. Not all providers below will have your data as this is a full representation of 3rd party providers for all our customers servicing a variety of contracts for platforms and services. Only data that is needed for the delivery of the Service is shared with providers to administer the Service.
Amazon Web Services
â— Hostgator and Endurance International Group: Their privacy policy can be viewed at: https://www.endurance.com/privacy/privacy
â— Google Apps for Business
â— Google Cloud/Firebase
â— Teachable
â— TeamworkPM
â— TeamworkDesk
â— Infusionsoft
â— Zapier
â— ScheduleOnce
â— OneSignal
â— Copper
â— ClickFunnels
â— ShareThis
â— Inspectlet
â— QuickBooks and QuickBooks Payments
â— Tawk.to Live Support: Their privacy policy can be viewed at: https://www.tawk.to/privacy-policy/
â— Cloudflare: Their privacy policy can be viewed at https://www.cloudflare.com/privacypolicy/
We may use third-party Service Providers to monitor and analyze the use of our Service.
â— Google Analytics
â— Google Analytics is a web analytics service offered by Google that tracks and reports website traffic. Google uses the data collected to track and monitor the use of our Service. This data is shared with other Google services. Google may use the collected data to contextualize and personalize the ads of its own advertising network.
â— You can opt-out of having made your activity on the Service available to Google Analytics by installing the Google Analytics opt-out browser add-on. The add-on prevents the Google Analytics JavaScript (ga.js, analytics.js, and dc.js) from sharing information with Google Analytics about visits activity.
â— For more information on the privacy practices of Google, please visit the Google Privacy & Terms web page: http://www.google.com/intl/en/policies/privacy/
We may use third-party Service Providers to show advertisements to you to help support and maintain our Service.
â— Google AdSense & DoubleClick Cookie
â— Google, as a third party vendor, uses cookies to serve ads on our Service. Google's use of the DoubleClick cookie enables it and its partners to serve ads to our users based on their visit to our Service or other websites on the Internet.
â— You may opt out of the use of the DoubleClick Cookie for interest-based advertising by visiting the Google Ads Settings web page: http://www.google.com/ads/preferences/
Anomaly Studios, LLC uses remarketing services to advertise on third party websites to you after you visited our Service. We and our third-party vendors use cookies to inform, optimize and serve ads based on your past visits to our Service.
â— Google AdWords
â— Google AdWords remarketing service is provided by Google Inc.
â— You can opt-out of Google Analytics for Display Advertising and customize the Google Display Network ads by visiting the Google Ads Settings page: http://www.google.com/settings/ads
â— Google also recommends installing the Google Analytics Opt-out Browser Add-on - https://tools.google.com/dlpage/gaoptout - for your web browser. Google Analytics Opt-out Browser Add-on provides visitors with the ability to prevent their data from being collected and used by Google Analytics.
â— For more information on the privacy practices of Google, please visit the Google Privacy & Terms web page: http://www.google.com/intl/en/policies/privacy/
â— Twitter
â— Twitter remarketing service is provided by Twitter Inc.
â— You can opt-out from Twitter's interest-based ads by following their instructions: https://support.twitter.com/articles/20170405
â— You can learn more about the privacy practices and policies of Twitter by visiting their Privacy Policy page: https://twitter.com/privacy
â— Facebook and Instagram
â— Facebook remarketing service is provided by Facebook Inc.
â— You can learn more about interest-based advertising from Facebook by visiting this page: https://www.facebook.com/help/164968693837950
â— To opt-out from Facebook's interest-based ads follow these instructions from Facebook: https://www.facebook.com/help/568137493302217
â— Facebook adheres to the Self-Regulatory Principles for Online Behavioral Advertising established by the Digital Advertising Alliance. You can also opt-out from Facebook and other participating companies through the Digital Advertising Alliance in the USA http://www.aboutads.info/choices/, the Digital Advertising Alliance of Canada in Canada http://youradchoices.ca/ or the European Interactive Digital Advertising Alliance in Europe http://www.youronlinechoices.eu/, or opt-out using your mobile device settings.
â— For more information on the privacy practices of Facebook, please visit Facebook's Data Policy: https://www.facebook.com/privacy/explanation
â— Pinterest
â— Pinterest remarketing service is provided by Pinterest Inc.
â— You can opt-out from Pinterest's interest-based ads by enabling the "Do Not Track" functionality of your web browser or by following Pinterest instructions: http://help.pinterest.com/en/articles/personalization-and-data
â— You can learn more about the privacy practices and policies of Pinterest by visiting their Privacy Policy page: https://about.pinterest.com/en/privacy-policy
We may provide paid products and/or services within the Service. In that case, we use third-party services for payment processing (e.g. payment processors).
We will not store or collect your payment card details. That information is provided directly to our third-party payment processors whose use of your personal information is governed by their Privacy Policy. These payment processors adhere to the standards set by PCI-DSS as managed by the PCI Security Standards Council, which is a joint effort of brands like Visa, Mastercard, American Express and Discover. PCI-DSS requirements help ensure the secure handling of payment information.
The payment processors we work with are:
â— Apple Store In-App Payments
â—‹ Their Privacy Policy can be viewed at https://www.apple.com/legal/privacy/en-ww/
â— Google Play In-App Payments
â—‹ Their Privacy Policy can be viewed at https://www.google.com/policies/privacy/
â— Stripe
â—‹ Their Privacy Policy can be viewed at https://stripe.com/us/privacy
â— PayPal or Braintree
â—‹ Their Privacy Policy can be viewed at https://www.paypal.com/webapps/mpp/ua/privacy-full
â— Authorize.net
â—‹ Their Privacy Policy can be viewed at https://www.authorize.net/company/privacy/
â— Infusionsoft by Keap
â—‹ https://keap.com/legal/privacy-policy
â—‹ https://keap.com/legal/data-security
â—‹ https://keap.com/legal/data-protection-faq
â— WePay by Chase
â—‹ https://go.wepay.com/terms-of-service#us
â—‹ https://go.wepay.com/privacy-policy
Our Service may contain links to other sites that are not operated by us. If you click on a third party link, you will be directed to that third party's site. We strongly advise you to review the Privacy Policy of every site you visit. We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services.
We believe that protecting the privacy of all people is of paramount importance. Protecting the privacy of children is especially important. For that reason we will never collect or maintain information that is not necessary for the delivery of the Service. For account holders of student accounts we only collect a Pseudonym (nick name), username, and password to login to our services. This information is never shared or publicly displayed. Our Service does not address anyone under the age of 13 ("Children") as parents must create and maintain the account.
We do not knowingly collect personally identifiable information from anyone under the age of 13. If you are a parent or guardian and you are aware that your Children has provided us with Personal Data, please contact us. If we become aware that we have collected Personal Data from children without verification of parental consent, we take steps to remove that information from our servers.
We are proud supporters of the Student Privacy Pledge. Our collection and use of Student Records is governed by our contracts with the Schools, by our Privacy Policy, and by applicable privacy laws. For example, we work with Schools to help protect personal information from the Student's educational record, as required by the Family Educational Rights and Privacy Act ("FERPA"), and to protect the personal information of students under 13 consistent with the Children's Online Privacy Protection Act ("COPPA"). If you have any questions about reviewing, modifying, or deleting the personal information of a School User accessing the Service through a School partner agreement, please contact your School directly.
When our Service is used by a School in an educational setting, we may rely on the School to provide the requisite consent from the child's parents for Anomaly Studios, LLC to collect information from a School User under the age of 13. Look at our Terms of service to see more details on consent for children to use our services
Teachers can create accounts on behalf of Students. When registering an account for a Student who is under the age of 13 (a "Child"), the Teacher represents and warrants that they or the educational organization they work for has proper permission to register the Child to use our services.
By registering and creating an account for your child, your child will not be able to share information, including photos, videos, audio, and location, publicly and with others. If your child shares information publicly, it would have to be outside of our system and it is strongly advised to not do so as it may be indexable by search engines like Google Search. We are not responsible for the content uploaded by any user.
Anomaly Studios, LLC will not serve personalized ads to your child, which means ads will not be based on information from your child's account. Instead, ads may be served to a parent or teacher if they have visited our website for marketing purposes. Your child will never be served ads served by other (non-Google) ad providers, including ads personalized by third parties because we never advertise to children.
We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.
We will let you know via email and/or a prominent notice on our Service, prior to the change becoming effective and update the "effective date" at the top of this Privacy Policy.
You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.
If you have any questions about this Privacy Policy, please contact us:
â— By email: support@anomalystudios.com
â— By visiting this page on our website: http://www.anomalystudios.com/privacy-policy
â— By mail: Anomaly Studios, LLC. P.O. Box 682592. Franklin, TN 37064
Logo
This video Demonstrates how to format your logo for optimal mobile performance. You will learn to create a landscape version of your logo that minimizes vertical space, ensuring more room for your content. You will also discover techniques for making your logo transparent, allowing it to overlay seamlessly on different background colors. Finally, you will explore methods for optimizing your logo's file size to ensure fast load times, even for users on slower connections.
Here are the key things you will be able to do after you watch this Demo:
Design a logo with a landscape layout to minimize vertical space
Create a transparent logo that can be overlaid on different background colors
Prepare multiple file formats and sizes of a logo, optimizing for fast load times
Integrate a favicon icon into a web page
Optimize image file size to balance quality and load speed
Provide a mobile-friendly user experience through well-formatted logos
Formatting Logos for Mobile Use Cases [0:02]
Josh Lomelino emphasizes the importance of designing logos that are optimized for mobile use cases, as most users will access the learning experience via mobile devices.
He Demonstrates a portrait logo from Create Mode Media and explains the need to reformat it for better mobile visibility, suggesting a layout with the mark on the left and the text on the right.
Josh recommends creating a landscape version of the logo to minimize vertical space, ensuring more room for content like videos, text, PDFs, and audio files.
He advises handling transparency in the logo design, suggesting the use of a transparent background that can overlay on different background colors, such as white, to enhance flexibility.
Handling Transparency and Use Cases [2:18]
Josh explains the process of creating a transparent logo using tools like Photoshop, which allows for the removal of the background and saving the file as a PNG with a transparent background.
He discusses the importance of having a variety of use cases for the logo, such as different foreground colors and background colors, to ensure flexibility in different contexts.
Josh mentions the use of a checkerboard pattern in PNG files to indicate a transparent background, ensuring the logo can be rendered correctly on different web pages.
He highlights the need for a favicon icon, which can be saved as a PNG or ICO file, and integrated into the browser for better visibility.
Optimizing File Size for Faster Load Times [4:58]
Josh stresses the importance of optimizing the file size of the logo to ensure fast load times, especially for users on slower connections.
He provides an example of a highly optimized logo with dimensions of 767 by 158 and a file size of nine kilobytes, which loads quickly and maintains high quality.
Josh contrasts this with a less optimized logo that has a larger file size, highlighting the need to balance resolution and file size to avoid slowing down the user experience.
He explains that factors affecting file size include dimensions and compression, with tools like Photoshop offering quality sliders to adjust the image's resolution.
Final Considerations for Logo Formatting [6:35]
Josh summarizes the key points to consider when formatting a logo for optimal mobile performance, including minimizing vertical space, handling transparency, and creating a variety of use cases.
He reiterates the importance of optimizing file size to ensure fast load times, especially for users on slower connections.
Josh emphasizes the need for a balanced approach that maintains high quality while minimizing the impact on load times.
He concludes by highlighting the goal of providing the best user experience through well-formatted logos that load quickly and look great on mobile devices.
Header Images Component Tutorial
In the video above you can use the chapters menu to jump to main chapters of the video or use the time code references below to manually jump to parts of the video. The video also has searchable transcripts in the video player. These features are shown below.
If you are looking for a quick tech Demo of how to integrate the Header Image Component simply start at 1:18 in the video Demo above and you will get a full breakdown of the essentials in less than two minutes.
Then continue on for the remainder of the Demo to get a variety of creative design strategy tips and techniques to help provide a world-class visual experience for your site.
The header image component provides a versatile and visually impactful way to set the tone and context for web page content. This Demo will show you how header images can be used in either a fixed width or full browser width layout, allowing for creative flexibility in design.
The technical steps for using the Header Image Component are very simple and straight forward. As such, the primary focus of this Demo is to show a variety of creative strategies of you can use image styles to set the tone and mood of your user experience. If you are looking for the technical steps you can jump straight to 23:10 in the video above. You will see the steps completed in just a few clicks.
This Demo covers various creative strategies like using blurred images, color saturation, and logo overlays to establish the desired mood and branding. The process for implementing header images was shown to be straightforward, leveraging Photoshop templates to easily size and export assets. The Demo emphasizes the importance of coordinating header imagery with body content to create a cohesive user experience. The Demo highlights the power of the header image component to elevate the visual design of a website through a simple yet effective implementation.
Header Image Component Overview [0:01]
Josh Lomelino introduces the header image component, emphasizing its optional nature but noting its importance for design aesthetics and consistency.
The header image can be used for various purposes, such as Success Path diagrams, and is flexible across different form factors (mobile, tablet, desktop).
The header image can occupy either a fixed size or full screen width, adapting dynamically to the device's size.
Josh Demonstrates how the header image component adjusts its size and position on different devices, including mobile and desktop.
Fixed vs. Full Width Header Images [3:21]
Josh explains the two primary ways to use the header image component: fixed width and full width.
A fixed width image is useful for Success Path diagrams, showing the user's progress through content.
The full width image spans the entire browser width, providing a dynamic and adaptive look.
Josh shows examples of both fixed and full width images, highlighting their respective uses and benefits.
Creative Strategies for Header Images [6:58]
Josh discusses various creative strategies for using header images, including blurred images, color saturation, and logo overlays.
Blurred images can set the tone and texture of the page, while color saturation can enhance the mood of different sections.
Logo overlays can be used to show product or company logos, or sub-brands within an organization.
Photographic images, including cropped photography, can create visual interest and set the stage for the content.
Implementation and Exporting Images [10:59]
Josh provides a step-by-step guide on implementing header images, including the best image sizes for full width and fixed width images.
For full width images, the recommended size is 2300 pixels wide by 240 pixels tall.
For fixed width images, the recommended size is around 1448 by 308 pixels.
Josh Demonstrates how to export images from Photoshop, ensuring they are the correct size and quality for the header component.
Using Templates and Media Manager [22:49]
Josh explains the use of templates for header images, including full width and fixed width templates.
The templates are structured to allow easy drag and drop of images, with layers for different elements like logos and header images.
Josh shows how to use the media manager to upload and manage images, emphasizing the importance of consistent file organization.
He also discusses the flexibility of using open-source image editing software like GIMP and Procreate.
Coordinating Header and Body Images [36:04]
Josh Demonstrates how to coordinate header images with body images to create a unified look and feel.
He explains the process of exporting and uploading images, ensuring they are the correct size and quality.
Josh highlights the importance of file naming conventions to avoid issues with server caching.
He shows how to update and replace images in the media manager, ensuring the new images are correctly integrated into the page.
Creative Freedom and Customization [36:20]
Josh encourages users to explore different creative strategies for header images, including using stock imagery from sites like Unsplash.
He emphasizes the importance of having a clear license for any content used.
Josh Demonstrates how to use different effects and adjustment layers in Photoshop to enhance the look of header images.
He shows how to create a visual content brainstorm spreadsheet to plan and organize images for different pages or classes.
Handling Image Caching and Updates [45:00]
Josh explains how to handle issues with image caching, including clearing browser cache or renaming files to force updates.
He Demonstrates the process of updating and replacing images in the media manager, ensuring the new images are correctly integrated.
Josh highlights the importance of testing and refreshing the page to ensure the new images are visible.
He provides tips for managing and organizing images in the media manager to maintain consistency and efficiency.
Final Thoughts and Best Practices [49:17]
Josh summarizes the key points of the tutorial, emphasizing the flexibility and creative freedom of the header image component.
He encourages users to explore the examples and templates provided, using them as inspiration for their own designs.
Josh highlights the importance of consistent file organization and proper image sizing for optimal performance.
He concludes with a reminder to always test and refresh the page to ensure new images are correctly displayed.
Going deeper
Building the Curriculum Framework 0:02
Josh Lomelino discusses the progress made on the initial curriculum framework and the transition to building out additional details.
Emphasis on focusing on actions and outcomes, particularly in Unit 2, which involves improving health markers.
Josh outlines the milestones and action steps, including setting up a health dashboard and creating a vision plan for health markers.
The importance of aligning action steps with outcomes and ensuring they are written in outcomes form.
Defining Action Steps and Milestones 1:03
Josh details the three milestones and associated action steps for improving health markers.
The action steps include getting medical labs, setting up a health dashboard, and creating a vision plan.
Josh emphasizes the need to reuse and adapt these action steps for other parts of the curriculum.
The growth arc for students involves becoming aware of their health markers, visualizing their current state, and planning for improvement.
Mapping Action Steps to Outcomes 5:12
Josh explains the process of mapping action steps to outcomes and ensuring they align with the journey arc.
The final matrix is used to record and validate the teaching plan, ensuring it helps students achieve their goals.
Josh copies and pastes action steps as a starting point, emphasizing the importance of alternating colors for clarity.
The matrix helps in structuring and organizing the curriculum, making it easier to see the progress and alignment with outcomes.
Developing Assessments and Teaching Topics 6:52
Josh introduces the concept of assessments and their role in the curriculum, using a lecture-Demo-apply model.
The importance of aligning assessments with outcomes and ensuring they contribute to higher levels of learning.
Josh discusses the process of breaking down assessments into smaller tasks and ensuring they are correlated with outcomes.
The need for a structured approach to course mapping, moving from lower to higher levels of Bloom's Taxonomy.
Creating a Structured Curriculum Plan 14:33
Josh emphasizes the importance of having a clear plan for each unit, including teaching topics and assessments.
The lecture-Demo-apply model is used to structure the curriculum, with lectures focusing on conceptual understanding and Demos on application.
Josh outlines the process of creating a Demo for setting up a health dashboard and a vision plan.
The importance of having a placeholder for tools and resources that will be developed later in the process.
Iterative Development and Refinement 21:24
Josh describes the iterative process of developing the curriculum, including taking walks to brainstorm ideas.
The use of AI to query and organize thoughts, creating structured outlines and assignment sheets.
The importance of having a clear labeling system for organizing curriculum content.
Josh emphasizes the need to wait until the plan is solid before creating content to ensure it aligns with the success path.
Finalizing the Curriculum Plan 33:57
Josh discusses the final steps in the curriculum development process, including copying and pasting items into project management software.
The importance of having a clear plan for each unit, with each topic mapped to an outcome.
Josh emphasizes the need for a final check to ensure there are no dangling topics or content that does not align with outcomes.
The focus on success and ensuring that the curriculum helps students move towards their goals.
Here are some strategies to make the curriculum development process more iterative and adaptable:
Creating a Curriculum Plan End to End
Creating Engaging Curriculum Plans 0:04
Josh Lomelino introduces the process of creating curriculum plans that engage and empower students, blending accredited programs with public-facing classes.
He shares a personal anecdote about a professor's advice on being a "sage on the stage" versus a "guide on the side," emphasizing the importance of learner engagement.
Josh discusses the principles of game design and the importance of motivation in creating engaging learning experiences.
He highlights the need to align curriculum planning with the question, "What can I do with this?" to make learning meaningful and actionable.
Framework for Aligning Program and Course Outcomes 6:28
Josh introduces a framework shared by Julie Basler, the nationwide accreditation director, which aligns program and course outcomes.
He explains the triangular approach, starting with the school mission, followed by program missions, program outcomes, and finally, class competencies.
Josh emphasizes the importance of mapping these outcomes to specific class-level outcomes to create targeted and efficient courses.
He shares his experience of optimizing the workflow to create entire course plans in less than a day, significantly reducing the time and effort previously required.
Success Path Planning and Journey Mapping 20:10
Josh introduces the concept of success path planning and journey mapping, using a UX design approach to create a motivational learning experience.
He explains the stages of a learner's journey, from awareness to success, and the characteristics associated with each stage.
Josh discusses the importance of using the right verbs to describe success milestones and outcomes, aligning them with the learner's progress.
He provides an example of mapping course outcomes to specific milestones and action steps, ensuring a clear path for learners to achieve their goals.
Bloom's Taxonomy and Hierarchy of Learning 46:58
Josh introduces Bloom's Taxonomy as a framework for designing learning outcomes, outlining the different levels of learning from knowledge to evaluation.
He explains the importance of using specific verbs at each level to describe the types of learning activities and outcomes.
Josh provides a cheat sheet for Bloom's Taxonomy, listing verbs for each level to help in writing outcome statements.
He emphasizes the need to build a foundation of knowledge and comprehension before moving to higher-order thinking skills like analysis and evaluation.
Creating Course Outcomes and Mapping to Lessons 1:07:43
Josh Demonstrates the process of creating course-level outcomes using Bloom's Taxonomy, starting with knowledge and moving to evaluation.
He provides examples of course outcomes and maps them to specific lessons and activities, ensuring alignment with the overall learning goals.
Josh discusses the importance of using the right verbs to describe what learners will be able to do, making the outcomes actionable and measurable.
He emphasizes the need to continuously refer back to the course outcomes to ensure that all lessons and activities support the desired learning objectives.
Curriculum Planning Matrix and Assessment Mapping 1:33:43
Josh introduces the curriculum planning matrix, a tool for mapping course outcomes to specific lessons and assessments.
He explains the structure of the matrix, including metadata, time tracking, and assessment mapping, to create a cohesive and purposeful learning experience.
Josh Demonstrates how to map weekly outcomes to specific lessons and activities, ensuring that each lesson supports a clear learning objective.
He emphasizes the importance of aligning lessons with course outcomes and using the matrix to track progress and measure success.
Detailed Curriculum Planning Example 1:33:58
Josh provides a detailed example of a curriculum plan for a social media and digital marketing class, Demonstrating the complete planning process.
He explains the metadata, time tracking, and assessment mapping for the class, including the total hours required and the distribution of activities.
Josh highlights the importance of aligning lessons with course outcomes and using the curriculum planning matrix to ensure a cohesive and purposeful learning experience.
He emphasizes the need to continuously review and refine the curriculum to ensure it meets the learning goals and supports the success of the learners.
Final Steps and Tools for Curriculum Planning 1:35:42
Josh summarizes the key steps in the curriculum planning process, including brainstorming phases, mapping outcomes, and creating detailed lesson plans.
He emphasizes the importance of using the right verbs and aligning lessons with course outcomes to create a motivational and engaging learning experience.
Josh provides tools and resources, including templates and cheat sheets, to help in the curriculum planning process.
He encourages continuous review and refinement of the curriculum to ensure it meets the learning goals and supports the success of the learners.
Creating a Curriculum Plan End to End 1:35:58
Josh Lomelino introduces the concept of a built-in scheduling tool for planning and deadlines.
Discussion on the use of rubrics for assessment, especially in public-facing courses.
Josh explains the assignment sheet and its role in outlining the entire assessment process.
High-level goals and outcomes are outlined, emphasizing the end-to-end planning process.
Project Scenario and Assignment Steps 1:42:58
Josh emphasizes starting with a project scenario and providing examples and rationale.
The assignment steps are flexible, ranging from 16 weeks to as short as five weeks.
Each assignment is broken down into specific steps with submission information and a rubric.
The rubric includes categories like business overview, customer avatars, competitive research, and a process book.
Grading and Accreditation Preparation 1:45:07
Josh discusses the importance of grading and rubrics for accreditation purposes.
The process involves pre-planning grading points and distinct grading categories.
External documentation is used before executing the plan within an LMS.
The document is not completed in one pass but unfolds week by week.
Success Path and Competency Development 1:47:18
Josh outlines the success path from initial unhappiness to transformation.
Focus on teaching students to develop the necessary competencies.
Thinking creatively and getting away from the computer helps in the ideation process.
Josh plans to use audio recordings to capture free-forming thoughts and ideas.
Leveraging AI for Content Creation 1:50:39
Josh explains the use of AI tools like Otter AI to transcribe audio recordings.
The transcript helps generate learning outcomes and lesson plans from the speaker's own words.
The process involves recording thoughts in sequence and combining them into a single file.
The final output provides a structured outline for content creation.
Finalizing the Curriculum Plan 2:08:57
Josh emphasizes the importance of having a clear success path with five to six phases.
The final output includes a detailed transcript and summary of ideas.
The process helps in creating targeted content that aligns with the success path.
The final matrix serves as a knowledge base for querying and generating new ideas.
Implementing the Plan 2:12:18
Josh discusses the importance of mapping ideas to specific phases of the success path.
The process involves querying the knowledge base for lesson ideas and action items.
The final matrix includes practical tips and techniques for developing a healthy lifestyle.
The approach ensures that the curriculum is actionable and moves learners towards their goals.
Refining the Content 2:15:00
Josh plans to refine the content by focusing on specific lessons and their details.
Each lesson is dedicated to a single audio recording and subsequent transcription.
The process helps in generating detailed video scripts and lesson plans.
The final output includes a clear structure for the entire course experience.
Creating a Knowledge Base 2:22:41
Josh emphasizes the importance of creating a knowledge base for future reference.
The knowledge base includes all key steps, tools, and resources used in the process.
The approach ensures that the final curriculum is comprehensive and actionable.
The knowledge base serves as a resource for continuous improvement and content creation.
Final Thoughts and Encouragement 2:23:38
Josh encourages participants to query their own brains and use AI tools for brainstorming.
The process helps in generating a variety of assets and content ideas.
The final matrix includes a detailed outline for the entire course experience.
The approach ensures that the curriculum is designed to help learners achieve their goals and become raving fans.
Here are strategies you can use to create engaging and motivational learning experiences for students.
Here are some key strategies Josh Lomelino discussed for creating engaging and motivational learning experiences:
How to Use Otter AI to Generate Lecture and Demo Scripts and Outlines
Summary
How can we leverage the hierarchy of learning and Bloom's Taxonomy to create a structured and engaging curriculum?
To leverage the hierarchy of learning and Bloom's Taxonomy to create a structured and engaging curriculum, here are the key steps:
1. Start with the desired course-level outcomes. Identify 3-6 key things you want students to be able to do by the end of the course. Use verbs from the higher levels of Bloom's Taxonomy like "evaluate", "create", "analyze".
2. Break down those high-level outcomes into more granular weekly or module-level objectives. For each week/module, determine what students should be able to do, using verbs that align with the appropriate level of Bloom's Taxonomy (e.g. "identify", "explain", "apply").
3. Map your teaching topics and activities to directly support the learning objectives. Ensure there is a clear connection between what you're teaching and the skills/knowledge students need to Demonstrate.
4. Design assessments that allow students to show their mastery of the objectives, progressing from lower-level recall to higher-order application and evaluation.
5. Structure the learning experience to gradually build students' competency. Start with foundational knowledge and comprehension, then provide opportunities to apply, analyze, and ultimately evaluate and create.
6. Incorporate active learning techniques that engage students and get them practicing the desired skills, not just passively consuming information.
By aligning your curriculum design to the hierarchy of learning and Bloom's Taxonomy, you can create a purposeful, scaffolded learning experience that moves students towards the targeted outcomes in an engaging way. The key is maintaining that clear line of sight from your high-level goals down to the weekly activities.
Assignment Sheet and Walk-through Demo Tutorial
Click here to view the robotics club process book shown in the video above.
Getting Started
This introductory programming session focuses on teaching beginners how to write actual computer code using an Integrated Development Environment (IDE), specifically the Processing language. Josh Lomelino emphasizes learning programming logic and algorithms by creating computer graphics, starting with building a simple character like a robot. The approach aims to provide a lightweight, accessible entry point into programming that can be applied across multiple programming languages. By starting with practical, hands-on coding, participants will learn fundamental programming concepts while creating visual, interactive projects.
Here are the key things you will be able to do after you watch this Demo:
Set up and navigate an Integrated Development Environment (IDE)
Write basic computer code using the Processing programming language
Create simple computer graphics and draw characters on screen
Understand fundamental programming logic and algorithm development
Translate programming concepts across multiple coding languages
Build foundational skills in computer graphics programming
Apply logical thinking to solve computational problems
Recognize the basic structure and syntax of a programming language
Develop a beginner's understanding of how computers interpret and execute code
Create interactive visual programs from scratch
Introduction to Programming and IDEs 0:01
Josh Lomelino emphasizes the importance of taking immediate action and introduces the concept of writing computer code from the start.
He explains the need for an Integrated Development Environment (IDE) to write and run code, highlighting its versatility in supporting various programming languages.
Josh mentions several programming languages that can be used within an IDE, including Python, Java, C++, C#, Swift, JavaScript, and even C.
He stresses that the focus will be on learning logic and creating algorithms, rather than getting bogged down in the choice of specific languages.
Building a Character and Computer Graphics 2:02
Josh announces the first project: building a character, specifically a robot, which will serve as the foundation for computer graphics.
He explains that the principles learned in this project will be applicable to various fields, from video games to animated movies.
The project aims to introduce the basics of computer graphics, which are essential for understanding more complex programming concepts.
Josh introduces the language Processing, which is based on other existing languages and will be used for the initial programming exercises.
Advantages of Processing Language 2:39
Josh highlights the benefits of using Processing, including its lightweight nature and the ability to build things quickly.
He notes that other languages may require more setup and have additional overhead, which can complicate the learning process.
Processing is chosen for its simplicity and the ease with which it can be applied to other programming languages.
The next video will cover the steps to set up an IDE and begin building logic and computer graphics programs.
Next Steps and Conclusion 3:38
Josh outlines the plan for the next video, which will focus on setting up an IDE and starting to build logic and computer graphics programs.
He reiterates the importance of understanding logic and how it can be applied to create powerful programs.
The goal is to make the computer perform cool tasks by applying logical thinking and programming concepts.
Josh concludes the session by encouraging participants to prepare for the next steps and expresses excitement for the upcoming projects.
Automated Video Production Pipeline
This video guides you through setting up an automated video production pipeline, from selecting and testing brand voices using Eleven Labs to pairing them with digital avatars in HeyGen. By following the steps, you'll learn how to catalog and integrate voices, match them with visual characters, and generate preview videos for evaluation. Once you complete the video, you'll be able to efficiently create, test, and organize multiple spokesperson options for your brand's automated content generation. This process empowers you to streamline video production and build a scalable library of branded video assets.
Following are the key things you will be able to do after you watch this Demo:
Identify suitable brand voices using generative AI tools.
Catalog and organize voice and avatar options for efficient selection.
Integrate third-party voices into video production platforms.
Pair voices with digital avatars to create compelling spokesperson combinations.
Generate and preview automated video content for evaluation.
Document and track production assets for streamlined workflow.
Select and finalize top spokesperson options for automated content generation.
Introduction to Automated Video Production Pipeline (00:00:00 – 00:00:59)
Josh kicks off the Demo by outlining the goal: selecting brand-aligned voices and digital doubles (either your own clone or hired actors), organizing those assets, and laying out the end-to-end steps needed to spin up a fully automated video production pipeline.
Content Sequencing Concept and Cloning (00:00:59 – 00:02:20)
He explains the core idea of building a repeatable sequence of content—cloning a finished production over and over—so you can continually generate new videos by plugging different scripts into the same automated workflow.
Defining Digital Doubles and Voice Types (00:02:20 – 00:03:11)
Josh clarifies terminology (digital twin vs. digital double), walks through the two main “buckets” of voice assets (personality-based clones vs. spokesperson avatars), and discusses how to mix and match them depending on your brand needs.
Selecting Platforms for Generative AI and Deployment (00:03:11 – 00:04:00)
He emphasizes the importance of vetting your generative-AI tools—voice engines and video avatars—and making sure they’re compatible with your target platforms before committing to any given solution.
Brand-Focused Workflow and SRT Utilization (00:04:00 – 00:05:25)
Josh decides to focus on one streamlined method for this Demo, using a single SRT transcript file as the “source of truth” for automation—underscoring that a clean, well-formatted SRT is absolute gold when you’re architecting an automated pipeline.
Importing SRT and Leveraging Automation (00:05:25 – 00:07:40)
He shows how to import the SRT into the voice-generation platform, highlighting how the time-coded script drives every subsequent step—from audio rendering to scene assembly.
Setting Up Voice Design in ElevenLabs (00:07:40 – 00:11:49)
A step-by-step walkthrough of testing voice presets, tweaking text lengths, integrating third-party voices, and crafting voice-design prompts to nail down the exact tone and style you want.
Managing Credits and Reviewing Generated Audio (00:11:49 – 00:15:46)
Josh Demonstrates how to monitor and conserve your generation credits, preview the rendered audio, swap out placeholder text, and ensure you’re only spending resources on polished clips.
Applying Voiceover and Text Overlays to Video (00:15:46 – 00:19:08)
He attaches the finalized voice track to the video timeline, adds and styles text overlays (centering, contrast adjustments), and assembles the basic video composition ready for export.
Enhancing Prompts with AI Tools for Voice Design (00:19:08 – 00:22:04)
Introduces additional AI utilities for brainstorming and refining your voice-design prompts—showing how to iterate until you get a sample that truly matches your brand voice.
API Key Handling and Asset Export Configuration (00:22:04 – 00:27:28)
A practical guide on securely copying your ElevenLabs API key, configuring export settings (e.g., 4K output), and organizing all generated files into branded folders for easy access.
Frame Rate Considerations and Quality Checks (00:27:28 – 00:31:42)
Notes the default 25 fps setting, explains how frame rate impacts perceived motion, and walks through checking your export quality to avoid any unexpected artifacts.
Avatar Adjustments, Project Naming, and Fallbacks (00:31:42 – 01:05:16)
Josh covers fine-tuning avatar scale and positioning, updating project names for consistency, and setting up fallback workflows if you need to swap voices or visuals mid-pipeline.
Avatar Replacement and Cataloging (00:31:42 – 00:34:06)
Pair your chosen voice with visuals by replacing the default avatar, browsing through the 21 “looks” in each category, using the snipping tool to capture promising thumbnails, and logging each candidate’s name and category in your tracking spreadsheet.
Avatar Testing and Video Formatting (00:34:07 – 00:36:24)
Brainstorm voice–visual combinations (e.g. “August”), select a portrait-mode avatar, preview the static image, upload any custom avatars into the pipeline, drag your source video beneath the avatar layer, and confirm the composition and framing.
Voice-Avatar Sync and Quality Comparison (00:36:24 – 00:37:39)
Generate audio samples to compare HeyGen vs. ElevenLabs quality, force-refresh the clip to confirm it’s using the intended voice (e.g. Ryan Kirk), and watch for the spinning indicator to verify successful render.
Preview Generation and File Labeling (00:38:10 – 00:39:11)
Render a 4K preview of the voice-avatar pairing, then label the export asset with your convention (e.g. 001_RyanKirk_CharlieAvatar) so each test remains organized and easily identifiable.
Pipeline Duplication for Variant Testing (00:39:11 – 00:41:15)
Duplicate the entire sequence to create “Test 002,” swap in a new avatar (such as Colton), explore lifestyle/UGC categories, and note how background removal and frame size affect the final look.
Background Removal and Frame Adjustments (00:41:15 – 00:42:32)
Apply the background-remover tool to avatars with built-in backgrounds, observe any cut-offs (like arms being cropped), tweak the canvas framing, and decide between static vs. transparent backgrounds based on brand needs.
Third-Party Voice Integration Workflow (00:42:32 – 00:44:03)
In the “My Voices” tab, toggle on integrated voices (e.g. Charlie), heart your favorites so they surface first, preview each sample, and ensure the API integration is active before proceeding.
Voice Audition Labeling and Mood Board Documentation (00:44:03 – 00:47:09)
Name each audition (e.g. 002_CharlieAvatar), update your mood board with snipped thumbnails, record which browser tab or category each came from, and keep this documentation up to date for reproducibility.
Frame Rate and Credit Management (00:47:09 – 00:48:06)
Note the default 25 fps setting—mismatches can cause audio sync issues—toggle off “Avatar 4” if you’re on an unlimited plan, and monitor your generation credits to avoid unexpected limits.
Styling and Folder Organization (00:48:06 – 00:49:29)
Adjust text overlay colors to maintain contrast (match your brand palette), create new folders for each batch, and standardize your output directory structure so you know exactly where each rendered clip lives.
Option Preview and Cataloging Workflow (00:49:30 – 00:55:51)
Refresh thumbnails, scroll through voice-avatar combos, assign option numbers, screenshot grids of candidates, and log each pairing’s status (“Yes,” “Maybe,” “No”) in your spreadsheet.
Iteration Process and Consistency Notes (00:55:51 – 00:57:23)
Always regenerate every variation (never reuse stale renders), note any limitations (e.g. animated text can cover on-screen elements), and keep your naming and documentation consistent so the pipeline remains bullet-proof.
Ranking Options and Visual Separators (00:57:24 – 01:02:40)
Introduce visual separators in your catalog (e.g. blank rows), rank the top voice-avatar combos, screenshot your “definite yes” list, and preserve those as templates for future batches.
Additional Voice Integration: Amelia (01:02:40 – 01:04:33)
Search for “Amelia” in your voice library, verify whether it’s built-in or needs third-party integration, add it to favorites, preview the sample, and record its ID for consistent reuse.
Final Voice Candidate Integration (01:04:33 – 01:05:16)
Confirm Amelia’s render, then search for any last candidates (e.g. “Analore”), heart and test them, catalog the results, and ensure each new voice is fully integrated into the pipeline.
Final Pipeline Recap and Scale Duplication (01:07:40 – 01:08:34)
Recap how you’ve selected your final set of voices and avatars, finalize your naming conventions, and highlight that you can now duplicate this entire automated workflow to churn out an endless library of on-brand social-media videos.
Planning the Big View
The video introduces the concept of setting up a "home base" for your online business using AMP. This home base will include a main website, blog, lead magnets, online memberships, and capabilities for internal and external training. The goal is to provide a comprehensive platform where you can manage all aspects of your online presence and activities without needing to code.
Here are the key things you will be able to do after you watch this Demo:
Plan the information architecture and site map for your home base website.
Implement a main marketing website, blog, and lead magnets using AMP.
Manage unlimited online memberships, courses, and subscription options within AMP.
Develop internal company training and external customer training programs on your AMP platform.
Integrate sales and marketing funnels into your AMP-powered home base.
Consolidate your online business activities into a single, code-free platform.
Setting Up Home Base and Information Architecture (0:00)
Josh Lomelino introduces the concept of launching a website and the importance of having a clear information architecture.
The main website will include key information, marketing messages, and contact details.
Josh mentions the possibility of consolidating various online elements like blogs and marketing sites into one central location.
The goal is to use AMP to manage all online business activities efficiently.
Components of Home Base (2:16)
Josh explains that home base will include the main website and a blog.
The blog will feature unlimited articles to attract traffic and address specific pain points.
Lead magnets, such as free resources, training, and digital downloads, can be used to drive traffic to the site.
Online memberships, both free and paid, can be managed through AMP, offering various classes and subscription models.
Handling Internal and External Training (3:29)
Josh discusses the need for internal company training and external customer training.
A knowledge base is essential for providing key information and support.
AMP allows for the management of multiple memberships and classes, including one-time payments and ongoing subscriptions.
The platform supports a variety of training needs, from company training to customer training.
Sales and Marketing Integration (4:33)
Josh emphasizes the importance of integrating sales and marketing within AMP.
Marketing funnels are crucial for converting incoming traffic into sales.
Home base serves as the central operating system for all business activities, including digital and physical products.
The goal is to handle everything from company training to customer-facing training without the need for coding.
Planning and Organizing Content (6:35)
Josh outlines the process of planning and organizing the site, starting with a minimum viable product (MVP).
The next video will cover the basics of building a site map and thinking about the site's vision.
The approach will be incremental, starting small and building up from there.
The ultimate goal is to have a clear plan for content organization, implementation, and growth.
Low Code Philosophy
This video Demonstrates AMP's low-to-no-code implementation, which allows users to easily build websites without extensive web development knowledge. Users will learn how to drag and drop content, copy and paste text, and leverage AMP's auto-code generation to create a responsive, multi-device experience - all while saving time and money compared to traditional web development. By the end of the video, users will be equipped with the skills to efficiently deploy their own websites and online experiences using AMP's simplified, frictionless platform.
Here are the key things you will be able to do after you watch this Demo:
Explain the low-to-no-code implementation process for features like memberships, blogs, and e-commerce.
Demonstrate how to drag and drop videos and copy/paste content to create a website.
Describe how the platform auto-generates code on the backend to provide a frictionless, fast, and easy deployment process.
Illustrate how the responsive design works across different device form factors, from phones to desktops.
Summarize how Amp's auto-code generation saves users time and money compared to traditional web development.
Identify the key components and integrations supported by the platform, such as memberships, blogs, funnels, and e-commerce.
Apply the low-to-no-code philosophy to efficiently build and deploy a website without extensive technical knowledge.
Low Code Implementation Overview 0:00:00
AMP provides a low to no code implementation, eliminating the need for extensive web development knowledge
Traditional web development involves working with developers and learning HTML, JavaScript, and other dynamic database languages
AMP simplifies the process by handling the backend programming, allowing users to drag and drop content and copy and paste text
The platform auto-generates code on the fly, creating a frictionless, fast, and cost-effective process for deploying sites
Components and Integrations 0:02:04
AMP supports various components such as memberships, blogs, main sites, funnels, sales, and e-commerce integrations
Users no longer need to hire development teams for these integrations as AMP handles them through an auto-code structure
Josh Lomelino outlines the next steps, including Demonstrating how to use these components in a low to no code environment
The platform ensures that content works across multiple devices, from phones to desktops, without additional coding
Responsive Experience and Form Factors 0:03:10
AMP's responsive experience is designed to work seamlessly across different form factors, including phones, tablets, and desktops
The platform supports a mobile-first strategy, ensuring content is accessible on various devices without manual adjustments
Users can upload and integrate content without worrying about compatibility issues across different device types
The responsive design ensures a consistent user experience regardless of the device the user is accessing the content from
Core Philosophy and Next Steps 0:04:30
The low to no code philosophy is central to AMP's approach, simplifying the process for users
Josh Lomelino emphasizes that AMP has done the heavy lifting on the backend, making the process easy and efficient
The platform aims to save time and money by automating much of the technical work involved in web development
Users can expect a smooth transition to the next steps, with detailed instructions on how to use AMP's features effectively
Creating your first page
This Demo teaches you how to quickly and easily create your first page within the CMS system. You will learn how to set up the page, including configuring the URL, description, and keywords for optimal SEO. The Demo also shows you how to effortlessly add and format content, with the system automatically generating the necessary HTML tags. Finally, you will discover how to manage and modify your pages, as well as organize your content using a category-based system, empowering you to scale your website with thousands of pages.
Here are the key things you will be able to do after you watch this Demo:
Log in to the CMS
Create a new content page with the title "About Us"
Specify the URL for the "About Us" page
Add a description and keywords for the "About Us" page
Enter content for the "About Us" page
Observe the automatic formatting of the content
Modify the "About Us" page content as needed
Change the URL for the "About Us" page if required
Add a link to the "About Us" page in the site map documentation
Categorize content for better organization and management
Manage large amounts of content using the centralized database
Introduction and Initial Setup (0:00 - 0:30)
Explains the purpose of the Demo: teaching how to create the first page
Mentions the importance of earlier steps like creating information architecture diagrams
Introduces the example pages: home, about, services, and products
URL and Description Configuration (0:30 - 1:30)
Discusses the importance of the URL for SEO and indexing
Recommends using dashes between words for better search engine visibility
Explains the flexibility of the URL and the necessity of a description for SEO
Mentions the use of keywords, both manually added and through a keyword module, and their role in SEO
Notes that advanced settings will be customized later, focusing on the basic configuration
Content Entry and Formatting (1:30 - 2:30)
Demonstrates entering content into the "about us" page
Emphasizes the ease of copying and pasting from various sources like Word or Google Docs
Highlights the automatic formatting of HTML tags for clean and well-structured code
Explains the use of semantic tags for bolding, italicizing, and other formatting
Shows how to submit the content to the database and refresh the page to see the updated content
Advanced Features and URL Management (2:30 - 3:30)
Introduces advanced features like creating headers, branding images, and integrating various media types
Explains the process of modifying and deleting pages, using the "about us" page as an example
Discusses the importance of managing URLs, including changing URLs and the potential need to relink pages
Mentions the use of related link modules for automatic URL updates and the simplicity of changing URLs without creating new records
Content Management and Categorization (3:30 - 4:30)
Demonstrates linking pages within the site map for easy navigation and content management
Explains the concept of a category-based system for managing large amounts of content
Highlights the centralized database for easy content updates and the ability to categorize content
Concludes the Demo by summarizing the process of creating, viewing, and publishing the first page online, emphasizing the scalability of the system
Keywords: homepage
Home Page Setup and Configuration
By following the steps Demonstrated, users will be able to: Fully customize the welcome text, image sliders, and announcements on the home page to match their branding and highlight key content. They will also learn how to efficiently manage the global navigation, including creating drop-down menus and updating footer links, to establish a cohesive information architecture across their entire website. Additionally, users will gain the skills to ensure their home page layout and navigation are mobile-responsive, enabling a seamless experience for visitors on any device.
Here are the key things you will be able to do after you watch this Demo:
Modify the home page welcome text to include custom content and links.
Add new image sliders to the home page and link them to specific pages.
Create and configure new announcements on the home page, including setting their order and linking to URLs.
Restructure the main navigation menu by adding new drop-down items and links.
Customize the footer navigation by removing or updating links as needed.
Modify the quick launch menu buttons on the home page to direct users to key areas.
Backup and restore the navigation structure to ensure consistency across the website.
Leverage color-coding and text editors to simplify the process of updating global navigation.
Ensure the home page layout and navigation are mobile-responsive.
Implement an organized information architecture to support growth of website content.
Customizing the Home Page Welcome Text (0:00:00)
Josh Lomelino explains the process of modifying and deleting content in the CMS to customize the home page welcome text.
He Demonstrates changing the welcome text and shows how to link out to social media and add images.
Josh highlights the flexibility of the welcome text block, including the ability to link out to external websites or open images in a new window.
He mentions the ability to insert images and adjust their positioning within the welcome text block.
Configuring Home Page Sliders (0:09:03)
Josh discusses the capability of having multiple image galleries and sliders on the home page.
He explains the process of modifying or deleting content in the CMS to add or change sliders.
Josh Demonstrates how to link sliders to specific pages on the website and manage images using the media manager.
He provides tips on ensuring URLs are correctly formatted and how to update sliders without issues with content delivery networks (CDNs).
Managing Home Page Announcements (0:16:05)
Josh shows how to modify and delete announcements on the home page.
He explains the process of uploading new files and linking them to specific pages.
Josh Demonstrates how to set announcements to be invisible and how to order them.
He provides tips on using templates for announcements and managing image editing within AMP.
Customizing Global Navigation (0:25:44)
Josh explains the process of modifying the top navigation bar in the CMS.
He Demonstrates how to create and manage drop-down menus and simple links.
Josh recommends creating backups of the navigation structure and using VS Code for easier management.
He provides tips on linking navigation items to specific pages and managing the structure of drop-down menus.
Configuring the Footer and Quick Launch Menu (0:31:25)
Josh explains how to modify the footer in the CMS, including adding links and managing the logo.
He Demonstrates how to create and manage the Quick Launch menu on the home page.
Josh provides tips on ensuring the footer and Quick Launch menu are mobile responsive.
He explains the process of updating the footer and Quick Launch menu with new links and buttons.
Your End User Agreements
This Demo shows how to set up the necessary legal agreements for your website, including a Terms of Service, Privacy Policy, and Cookies Policy. You'll learn how to create these pages in the CMS, customize the content, and link them throughout your website. By the end, you'll have the framework in place to automatically capture user agreement to your legal terms when they create an account or interact with your site.
Create a Privacy Policy page with the URL "/privacy-policy".
Create a Terms and Conditions page with the URL "/terms-and-conditions".
Create a Cookies Policy page with the URL "/cookies-policy".
Copy and paste the company's specific Terms of Use, Privacy Policy, and Cookies Policy content into the respective pages.
Update the login page link in the main navigation to point to the client user login page.
Setting Up Licensing Agreements in AMP (0:09)
Josh Lomelino explains the process of setting up licensing agreements, including end-user agreements, privacy policies, and cookies policies.
AMP automates the process of capturing user agreements, including timestamps when users create accounts.
Customization of Terms of Use, Privacy Policy, and Cookies Policy is necessary, often done with the help of attorneys or services like LegalZoom.
The Demo focuses on how to set up these legal agreements in the AMP system.
Creating and Linking Legal Pages (1:52)
Josh Demonstrates creating a new page for the Privacy Policy, Terms and Conditions, and Cookies Policy in the CMS.
Each page is given a specific URL and description, and categories can be created for better organization.
The URLs for these pages are crucial for AMP to capture user agreements automatically.
Josh shows how to link these legal pages from the login page and other relevant pages on the website.
Handling User Consent and Cookies (2:31)
Josh explains the process of capturing user consent for Terms of Service, Privacy Policy, and Cookies Policy when users create accounts.
AMP displays a timestamp of when users agree to these policies, which can be reviewed later.
For users who visit the site without creating an account, AMP displays a passive cookies notice.
Users can click "Learn More" to view the Cookies Policy, which is stored in their browser once accepted.
Setting Up Legal Document Pages (5:26)
Josh Demonstrates copying and pasting legal documents into the created pages for Terms and Conditions, Privacy Policy, and Cookies Policy.
AMP formats the documents automatically, and users can manually adjust styles if needed.
The process involves submitting changes to the database to reflect the updated legal documents.
Josh emphasizes the importance of working with attorneys or legal services to craft specific legal agreements for the business.
Finalizing the Setup and User Experience (10:09)
Josh updates the login page to link to the client user portal, ensuring users can access the Terms and Conditions and Privacy Policy.
Users can create new accounts and agree to the terms, with the timestamp captured in the system.
The Demo covers the end-to-end process of handling user agreements and cookies policies.
Josh encourages participants to ask questions and continue building their legal agreements and user management systems.
The Content Hub and Nucleus
The key takeaway from Josh Lomelino's Demo is the ability to create and manage content at scale using the AMP platform. Learners will be able to implement a centralized content engine that serves as the nucleus for their digital ecosystem, seamlessly connecting various content types like main sites, blogs, and online courses. Additionally, they will learn to leverage AMP's automatic organization and navigation features to simplify the process of building a comprehensive and user-friendly digital presence, saving time and effort. By the end of the Demo, learners will be equipped with the skills to efficiently create, modify, and manage all their content within the intuitive AMP interface.
Here are the key things you will be able to do after you watch this Demo:
Implement the content engine as the core of the AMP platform to create and manage various types of content (main site, blog, courses, etc.) in a centralized and interconnected way.
Establish connections and links between different content items to enable seamless navigation for users.
Leverage AMP's automatic organization and management of complex content structures with thousands of items, simplifying the process of building a comprehensive digital presence.
Create content for online memberships, courses, and classes, and utilize AMP's automatic generation of navigation and structure.
Utilize the user-friendly AMP interface to efficiently perform all content creation, modification, and management in one place.
Optimize the time-saving and scalable nature of the AMP platform to build and maintain a robust digital ecosystem with ease.
Content Creation and Navigation in AMP (0:10)
Josh Lomelino introduces the concept of creating content at scale using AMP, emphasizing its efficiency and ease.
The content engine is described as the nucleus of the system, facilitating navigation between various pages.
Josh explains the vision of connecting content items, drawing a parallel to Tim Berners-Lee's work in HTML.
The system allows for the creation of connections between content items, making it easier to manage complex content structures.
Handling Multiple Content Types and Traffic Sources (2:12)
Josh discusses the integration of different content types, such as a main site, blog, and courses.
He highlights the importance of managing traffic from various sources like Facebook, Instagram, and Google search.
The system automatically connects users from blog items to relevant areas on the main site or store.
Josh mentions the potential for creating courses or memberships, expanding the content universe.
Automatic Content Organization and Navigation (4:56)
Josh describes how AMP can handle the organization of thousands of content items automatically.
The system aims to simplify the process of building the digital future of a business by managing content flow.
AMP's no-code, auto-generation of HTML and other page elements is highlighted as a key feature.
The content engine will automatically build navigation and organize content for online classes and memberships.
Content Engine as the Core of AMP (6:51)
Josh emphasizes the central role of the content engine in AMP, describing it as the core of the system.
The content engine can house various types of content, including main site, blog, and course content.
The system manages links between pages, making it easy to associate related content.
Josh Demonstrates the ease of managing content through a user-friendly interface.
Implementing and Managing Content with AMP (8:04)
Josh explains that all content management, including creation and modification, happens within the AMP interface.
The system is designed to handle complex content structures with ease.
Josh promises to show every step needed to master the content workflow in the following sections.
The focus is on making content management fast and efficient for users of all scales.
Create your Sitemap
In this video, you will learn how to create an effective site map to plan the structure and organization of your website. By the end, you will be able to brainstorm and document the core pages, features, and customer journeys needed for your minimum viable product (MVP). Armed with this site map, you can then use the flexibility of AMP to incrementally build out your website and seamlessly expand it over time to meet evolving customer needs.
Here are the key things you will be able to do after you watch this Demo:
Explain the purpose and importance of creating a site map to understand customer needs and build a seamless website experience
Describe the key elements of a site map, including the main site, blog, and membership sections
Demonstrate how to brainstorm and organize website content into a structured site map
Differentiate between a Minimum Viable Product (MVP) and the final long-term vision for a website
Identify the core pages and features to include in an MVP site map, such as a home page, about page, services/portfolio, and contact page
Recognize the flexibility of AMP to handle unlimited content and organizational structures as the website grows over time
Apply the site mapping process to plan the customer journey and content for a specific business, such as Create Mode Media
Creating a Site Map: Introduction and Purpose (0:00)
Josh Lomelino explains the importance of understanding customer needs to build a seamless and frictionless website experience.
He references his book, "Smart Business Success," which covers defining customer needs and building a business around them.
Josh emphasizes the role of AMP in providing technical tools and strategy for defining customer needs and growing revenue.
The site map is introduced as a collection of organized content, including the main site, blog, and membership sections.
Site Map Structure and Initial Planning (1:34)
Josh discusses the structure of the site map, including the main site, blog, and membership sections.
He mentions the importance of breaking down the site map into more detailed funnels and lead magnets.
The initial focus is on executing the main site, with plans to expand into other areas like support mechanisms and customer journeys.
Josh plans to build out the customer journey for Create Mode Media, which will include video production services and an online membership.
Brainstorming and Organizing Content (3:29)
Josh explains the process of brainstorming and organizing content into a bulleted list in a Word or Google Doc.
He emphasizes the importance of thinking about what customers need and putting together a plan to meet those needs.
The site map is used as a brainstorming tool to identify and prioritize content and features.
Josh plans to produce a detailed site map and share it to show the final result and plan for structuring the site.
Minimum Viable Product (MVP) Planning (5:05)
Josh introduces the concept of the Minimum Viable Product (MVP) and its importance in starting small and incrementally building the site.
He explains the analogy of starting with a skateboard and gradually moving to more complex vehicles to illustrate the MVP approach.
The MVP includes a home page, about page, services and products portfolio, and contact page.
Josh highlights the flexibility of AMP to handle any scale and the importance of starting with a simple MVP.
Finalizing the Site Map and Next Steps (6:39)
Josh reviews the final site map, which includes a home page, about page, services and products portfolio, contact page, and memberships.
He emphasizes the importance of the site map as a compass to guide the development process.
Josh mentions the flexibility of AMP to handle unlimited content items and different organizational structures.
He plans to show the technical steps to bring the site map to life in the next steps.
Your DNS
This video provides a comprehensive guide on how to set up DNS and SSL/TLS configurations for a website using Cloudflare. By following the steps Demonstrated, viewers will be able to configure the necessary DNS records, including an A record and a CNAME record, to properly direct traffic to the origin server and leverage Cloudflare's security features. These techniques can be applied to another CDN (content delivery network) if you are not using cloudflare.
Here are the key things you will be able to do after you watch this Demo:
Configure DNS records, including an A record and a CNAME record, to direct traffic to the origin server.
Explain the purpose and benefits of enabling the "proxied" setting for DNS records to enhance security.
Differentiate between the various SSL/TLS encryption mode options (full, flexible, strict) and apply the appropriate configuration to establish a secure connection.
Evaluate SSL connections by interpreting browser security indicators and certificate details.
Recognize the option to use a custom SSL certificate branded to the domain and describe the process to deploy it on both the Cloudflare edge server and the origin server.
Collaborate with Cloudflare support to set up advanced SSL certificate configurations for specific use cases.
Demonstrate the overall process of setting up DNS and SSL/TLS for a website, including the necessary steps and considerations to ensure a secure and reliable connection.
Troubleshoot and resolve any issues that may arise during the DNS and SSL/TLS setup process.
Communicate the technical details and benefits of the implemented DNS and SSL/TLS configurations to stakeholders.
Apply the knowledge gained from this Demo to set up secure and reliable web infrastructure for future projects.
Cloudflare DNS Setup Instructions (0:02)
Josh Lomelino explains the need to create two records: an A record and a CNAME record to direct traffic to the anomaly amp server.
The A record should have the website name as the host and the provided IP address as the value.
Proxied should be turned on to hide the origin server's IP address, making the connection more secure.
The A record should be saved after entering the IP address.
Adding the CNAME Record (2:09)
Josh Lomelino instructs to add a CNAME record with the host set to www and the value set to the website name (e.g., www.createmedia.com).
The CNAME record ensures that www.websitename.com redirects to the main website and supports SSL.
Proxied status should be set to cloak the origin server's IP address.
The CNAME record configuration ensures that SSL is enabled for www subdomains.
Configuring SSL Settings in Cloudflare (3:21)
Josh Lomelino discusses the SSL/TLS encryption mode options: full, flexible, and strict.
Full mode ensures an SSL certificate between the user and Cloudflare, and between Cloudflare and the origin server.
Flexible mode allows SSL between the user and Cloudflare but not between Cloudflare and the origin server.
Strict mode provides the strongest SSL connection but requires testing to ensure full mode is working first.
Testing and Troubleshooting SSL Connections (6:20)
Josh Lomelino explains the process of testing SSL connections by checking the browser's security icon.
The security icon indicates whether the connection is secure and provides details about the SSL certificate.
Users can check if they are using a shared certificate or a custom certificate branded with their domain.
Most users won't need to drill down to the certificate details, but the techniques shown cover most use cases.
Advanced SSL Certificate Management (6:40)
Josh Lomelino mentions the option to purchase a custom SSL certificate for the Edge server.
High-end experiences may require deploying a custom certificate to the origin server.
Advanced support may be needed to install the custom certificate on the origin server.
Most cases don't require a custom certificate, but the option is available for enhanced security.
Final Steps and Troubleshooting Tips (8:54)
Josh Lomelino summarizes the DNS and SSL setup process, ensuring a working SSL certificate between the user and Cloudflare.
The final step is to test the setup in the browser to ensure the SSL connection is secure.
Users can check the certificate details to verify the SSL configuration.
Josh Lomelino offers to answer any questions and encourages users to reach out for further assistance.
CMS Login
This video provides an overview of the different password-protected areas within AMP and how to manage access to them. Viewers will learn how to log in to the CMS, reset passwords, and create additional user accounts with varying levels of access. By the end, viewers will be login to the CMS in order to create content, manage classes, and integrate features within the CMS to build out their AMP site.
Note that you will need to go to yoursite.com/cms/login.html in order to login. Change yoursite.com to be your site.
Use the user name that was provided to you. Note that your password must be reset the first time you use the system. To do so enter the email you signed up to AMP with and do a password reset.
Once you have reset your password you will be allowed into the CMS and you can follow the steps shown in this Demo.
Here are the key things you will be able to do after you watch this Demo:
Access password-protected areas within AMP
Distinguish between public and portal-protected content
Describe different types of portal-protected content (one-off pages, classes with payment requirements)
Explain how customers can log in and view authenticated content
Manage access permissions for business owners and designated users in the CMS
Navigate to the CMS login page and log in
Reset password and create additional user accounts
Maintain password security and avoid saving passwords in browsers
Create content, manage classes, and integrate features within the CMS
Discuss next steps for building out content and integrating the logo
CMS Login Overview (0:10)
Josh Lomelino explains the different types of password-protected areas within AMP, emphasizing the distinction between public and portal-protected content.
He describes the first type of content as one-off pieces that require a portal login, such as specific pages or classes that need payment before access.
The second type involves classes where all content within is locked down by login, with some classes requiring payment for access.
AMP provides various methods for customers to log in and view authenticated content based on payment or simple login requirements.
CMS Login for Business Owners and Designated Users (1:48)
Josh Lomelino introduces the CMS login, which allows business owners and designated users to access different parts of AMP.
He explains the flexibility in granting access to users, such as access to the main site, blog, or financial records, depending on the business's needs.
The customer portal provides access to financial records, payment status, past invoices, and interactions within the system.
Businesses can decide how much or little access to grant to different team members based on their roles.
Accessing the AMP CMS Login (3:32)
Josh Lomelino Demonstrates how to log in to the AMP CMS login by navigating to site.com/cms/login.html.
He highlights the central dashboard that allows managing memberships, content, and the blog in one place.
The dashboard also handles marketing funnels and digital download resources, which can be linked from the main portal.
Josh explains the password reset process for initial setup and the creation of additional accounts for different access levels.
Security and Password Management (4:32)
Josh advises against saving the password in the browser for security reasons, recommending to click "never" when prompted to save the password.
He emphasizes the importance of keeping the password in a secure place to prevent unauthorized access to customer records.
The password reset process is crucial for gaining access to the admin login and managing other accounts.
Josh concludes by mentioning the next steps in building out content and integrating various features with the logo.
Uploading Your Logo
In this Demo, you will learn how to quickly and easily upload your logo to replace the existing one in the website's navigation and footer. You will create two logo files - one for the main navigation with darker text, and one reversed-out logo for the footer. Finally, you will integrate these logo files into the website's media manager and learn how to purge the cache to ensure the changes are immediately visible.
Here are the key things you will be able to do after you watch this Demo:
Upload the main logo file (logo.png) to the media manager.
Upload the reversed out logo file (logo-footer.png) to the media manager.
Purge the cache on the CDN (e.g., Cloudflare) to ensure the logo changes are immediately visible.
Create a unique blog logo file (blog-logo.png) by copying and renaming the main logo file.
Uploading Logo Process Overview (0:09)
Josh Lomelino introduces the Demo, explaining the process of uploading a logo and its importance.
The logo will replace the current one in the top navigation and footer of the website.
Josh emphasizes the need for a logo with darker text for the main navigation and a reversed-out logo for the footer.
The process involves generating two files and dragging them to the media manager in AMP.
File Structure and Transparency (1:27)
Josh explains the importance of having a file structure with transparency, preferably a vector file like an EPS.
He Demonstrates how to save the file as a PNG 24 with transparency and sets the dimensions to 1000 pixels.
The main logo file should be named "logo.png" for the top navigation.
Josh saves the file and prepares to integrate it into the website.
Integrating the Logo into the Website (5:36)
Josh logs into the CMS and navigates to the File Manager to upload the logo.
He removes the existing logo file and replaces it with the new logo file.
The same process is repeated for the footer logo, using a reversed-out vector file.
Josh explains the importance of naming the footer logo file "logo-footer.png" and uploading it.
Caching and CDN Configuration (6:00)
Josh discusses the importance of caching and how it affects the logo's visibility.
He explains how to purge the cache in Cloudflare to see the updated logo immediately.
Josh describes the benefits of using a CDN for faster performance and better SEO.
He emphasizes the need to flush the cache when updating files to ensure the changes are reflected.
Final Steps and Best Practices (11:29)
Josh Demonstrates how to purge the cache in Cloudflare by setting the browser cache TTL to two minutes.
He explains the role of the CDN in storing and serving files to improve performance.
Josh advises on naming conventions for logos used in different parts of the website.
He concludes by ensuring the updated logo is visible and functional, and provides additional tips for blog logos.
Creating and Modifying Content
This Demo provides a comprehensive overview of the content management capabilities within the platform. Viewers will learn how to efficiently create, customize, and publish content pages, leveraging advanced features like related links, multimedia integration, and mobile-responsive design. By the end of the session, users will be empowered to rapidly develop and manage engaging, interconnected content that can be easily shared across social media to drive audience growth and engagement.
Here are the key things you will be able to do after you watch this Demo:
Create and customize content pages within the CMS, including setting URLs, descriptions, keywords, and search engine priority
Utilize advanced features like left/right panels, side menus, classes, units, folders, and categories to organize content
Manage page metadata like publishing dates, authors, and social media sharing settings
Integrate multimedia content like banners, galleries, and videos into pages
Leverage the related links functionality to build interconnected content networks
Auto-generate web-friendly HTML from external sources like Word or Google Docs
Efficiently insert and format images within content pages
Preview and validate the mobile responsiveness of content pages
Understand how to make content shareable on social media to drive engagement and traffic
Gain familiarity with the overall content management workflow and tools within the system
Creating and Modifying Content: Introduction and Initial Setup (0:00)
Josh Lomelino introduces the session, focusing on creating and modifying content in the site.
He explains the process of creating a page, starting with a join page to onboard new members.
Josh Demonstrates how to set URLs, descriptions, and keywords for SEO purposes.
He highlights the importance of search engine priority and the ability to create left and right panels with side menus.
Advanced Features and Customization (4:04)
Josh discusses the ability to create classes, units, folders, and categories within the content management system.
He explains the options for specifying publishing dates, authors, and displaying authorship information.
Josh Demonstrates how to customize page banners, including the use of fixed and full-width headers.
He shows how to integrate social media sharing and create galleries and video content.
Social Media Integration and Keyword Visibility (4:19)
Josh explains the process of setting social media visibility and the benefits of having keywords visible for internal searches.
He Demonstrates how to create a keyword cloud for users to drill down into content based on keywords.
Josh shows how to modify the join page by setting keywords to invisible and adding content about joining the membership.
He highlights the importance of making content shareable on social networks and managing social media visibility.
Rapid Development and Related Links (7:58)
Josh Demonstrates how to add additional content to the join page, including related links and external resources.
He explains the power of the related link network and the ability to filter search results in real-time.
Josh shows how to link to items on the main site, blog, and external resources like Google Docs.
He explains the process of reordering items and managing external links within the system.
Auto-Generation of Content and Image Management (12:28)
Josh Demonstrates how to auto-generate HTML from Word or Google Docs, maintaining web-friendly code.
He explains the process of copying and pasting content from Word, including formatting and image management.
Josh shows how to insert images, set descriptions, and format images to wrap text around them.
He highlights the ability to create sales funnels and link to e-commerce within the system.
Mobile Preview and Final Touches (18:58)
Josh explains how to preview the site on different form factors using developer tools in browsers.
He Demonstrates the responsiveness of images and the ability to view the site on various devices.
Josh highlights the benefits of social media sharing and the potential for content to go viral.
He concludes by summarizing the process of creating and modifying content, emphasizing the ease of use and flexibility of the system.
File and Media Manager
The File Manager Demo showcases a powerful tool for efficiently organizing and managing files of various types, including images, PDFs, and ZIP archives. Users will learn how to mirror their local file structure on the server, upload files using drag-and-drop or the upload button, and seamlessly integrate these files into web content. The Demo also highlights advanced features such as image editing capabilities, folder management options, and direct file insertion into pages, empowering users to streamline their content creation and file organization workflows.
Here are the key things you will be able to do after you watch this Demo:
Organize files and folders efficiently using the File Manager
Mirror local file structure on the server using drag-and-drop
Integrate various file types (images, PDFs, ZIP files) into web pages
Create a hierarchical folder structure for long-term scalability and accessibility
Upload files to the server using drag-and-drop or the upload button
Insert images into web content using the File Manager integration
Add alternate descriptions to images for improved accessibility
Link files (PDFs, ZIP archives) for users to download
Edit images directly within the File Manager using advanced tools
Save frequently accessed folders as favorites for quicker navigation
Manage folders at scale, including renaming, downloading, and zipping
Directly insert files into web content using the Insert File button
File Manager Overview and Initial Setup (0:08)
Josh Lomelino introduces the File Manager component, emphasizing its power to organize files efficiently.
The File Manager allows users to mirror their local file structure on the server using drag-and-drop functionality.
Josh Demonstrates the interface, showing various file types like images and PDFs that can be integrated into pages.
The File Manager is accessed through the CMS under Content Management, opening in a full-screen view for easy navigation.
Organizing Files and Folders (1:49)
Josh explains the importance of organizing files hierarchically for long-term accessibility and structure.
He creates a folder structure for assets, classes, and subfolders for headers and sliders.
Drag-and-drop functionality is used to upload images from the local file system to the server.
Josh advises against using spaces in folder names to avoid special characters in URLs.
Inserting and Managing Images (5:59)
Josh shows how to insert images into content pages using the Insert Image button.
The file structure in the File Manager is mirrored in the content management interface for easy file selection.
Drag-and-drop functionality is also available when editing content, making it flexible and efficient.
Josh emphasizes the importance of using alternate descriptions for images to improve accessibility.
Linking Files for Downloads (9:26)
Josh Demonstrates how to link files for downloads, such as PDFs, by selecting text and inserting a link.
He suggests organizing files in high-level folders like classes or PDFs for better scalability.
The process involves browsing for the file in the File Manager and inserting the link into the content.
Josh highlights the importance of a clear folder structure to avoid reorganization later.
Handling ZIP Files (12:49)
Josh explains how to create and manage ZIP files using the File Manager.
He Demonstrates compressing a collection of files and folders into a ZIP file on a PC.
The ZIP file can be uploaded and managed in the File Manager, with folders created for scalability.
Josh shows how to insert a link to the ZIP file in content pages, allowing users to download the file.
Advanced Image Editing Features (16:35)
Josh introduces the image editing tools available in the File Manager, including resizing, cropping, and adjusting brightness and contrast.
He Demonstrates applying multiple operations to an image and saving the changes.
The File Manager supports various image editing features similar to Photoshop, making it easy to manage images without external software.
Josh highlights the ability to save favorites for frequently accessed folders to save time.
Advanced File Management Features (20:03)
Josh explains advanced options for managing folders, such as renaming, downloading, and zipping entire folders.
He Demonstrates how to remove files or folders if needed.
The File Manager allows users to rename files and folders directly from the interface.
Josh mentions the Video Manager, which will be covered in another session, for managing video files at scale.
Inserting Files Directly into Content (21:34)
Josh introduces the Insert File button at the bottom of the toolbar for quickly inserting files into content.
This method allows users to place files without typing descriptive text first.
The inserted file name and link can be edited later for customization.
Josh emphasizes the flexibility of the File Manager in managing various file types and integrating them into content.
The announcements component allows you to easily manage and publish important messages and callouts on your website's home page. You can create announcements with images, dates, descriptions, and links to drive traffic to specific pages or files. After watching this Demo, you'll be able to efficiently update and modify announcements as needed to keep your members informed about the latest news and information.
The announcements component allows you to easily manage and publish important messages and callouts on your website's home page. You can create announcements with images, dates, descriptions, and links to drive traffic to specific pages or files. After watching this Demo, you'll be able to efficiently update and modify announcements as needed to keep your members informed about the latest news and information.
Here are the key things you will be able to do after you watch this Demo:
Manage multiple announcements on the home page of a website
Integrate images, dates, descriptions, and links into announcements
Drive traffic to specific pages or files using announcement click-through links
Update and modify existing announcements as needed
Ensure announcements are mobile responsive across devices
Leverage announcements to keep members informed about important information
Organize announcements in a specific order to prioritize content
Utilize the integrated file management system to select announcement images
Understand the importance of following template guidelines for image dimensions
Efficiently create, submit, and publish new announcements in the CMS
Announcements Component Overview (0:00)
Josh Lomelino introduces the announcements component, which allows managing multiple announcements on the home page of a site.
Announcements can include images, dates, descriptions, and links to download files or redirect to different areas of the site.
The component is designed to help manage important messages and callouts effectively.
Josh explains that the announcements will be mobile responsive, working on various devices like mobile, tablet, and desktop.
Creating and Managing Announcements (0:38)
Josh Demonstrates how to create a new announcement in the CMS by clicking "Create Announcement."
He inputs a title for the announcement, "Example Announcement," and selects a file from the integrated file management system.
Josh highlights the importance of using the provided template for file dimensions to ensure proper formatting.
He explains how to edit image dimensions and mentions that the announcements are mobile responsive.
Adding Links and Dates to Announcements (2:14)
Josh shows how to add a click-through hyperlink to an image, which can redirect users to a specific page.
The order of announcements is determined by the order in which they are created, with the most recent announcement appearing first.
Users can choose to include a date for the announcement, which will automatically default to the current date if not specified.
Josh provides an example of setting a date and text for an announcement and submitting it to the database.
Updating and Modifying Announcements (3:36)
Josh explains that once an announcement is submitted, it will be displayed on the home page with the specified date and text.
He Demonstrates how to modify an existing announcement by changing the text and adding a new URL or file.
Users can update the announcement to drive traffic to specific pages or download files.
Josh emphasizes the flexibility of the announcements component in managing and updating important information on the home page.
Driving Traffic and Keeping Members Informed (4:52)
Josh discusses the versatility of the announcements component in driving traffic to various parts of the site.
He provides examples of how to use announcements to keep members informed about new blog posts or conference speaker lineups.
The component allows for the easy management of current and relevant information on the home page.
Josh concludes by reiterating the importance of keeping the home page updated with important announcements to keep members engaged and informed.
Related Link Network Component
The video Demonstrates how to use the related link network feature in AMP to create powerful connections between content items. Viewers will learn to quickly and easily add related links, both internal and external, to any content page, allowing users to navigate the content in a seamless and flexible manner. The video also highlights advanced features like bi-directional linking and filtered search, empowering users to manage and organize their content knowledge base with minimal effort. By the end of the video, viewers will be able to leverage the related link network to enhance the discoverability and user experience of their content.
Explain the concept of related links and their importance in enhancing learning and knowledge building.
Identify the issue of isolated content in many learning systems and the need for creating meaningful connections between ideas.
Describe the use of a sequence of content as a method to create relationships between content items.
Demonstrate the ability to create a related link network, a user interface that visualizes the connections between content.
Utilize AMP's related link network feature to quickly and easily create complex related link structures with minimal effort.
Apply the flexibility of the related link network to create both sequential and asynchronous content paths.
Implement the process of adding related links, including internal and external resources, to a content page.
Manage and reorganize related links to ensure a clean and easy-to-navigate user interface.
Leverage the advanced features of the related link network, such as bi-directional linking and filtered search, to enhance the organization and discoverability of content.
Modify and update related links, including changing titles and URLs, and observe the real-time updates to the user interface.
Image Slider Component Demo
This video provides a comprehensive guide on how to set up and optimize image sliders for websites with a focus on mobile-first design. Viewers will learn how to leverage pre-designed slider templates, properly size and export slider images, and integrate the sliders into a content management system (CMS) while ensuring optimal responsiveness across different devices and form factors. By following the steps Demonstrated, users will gain the skills to create high-quality, mobile-friendly image sliders that provide an engaging and seamless experience for their website visitors.
1172 pixels wide by 580 pixels tall (1172 x 580) are the best dimensions for the billions of devices on the market. That's what we have found is ideal and will work everywhere. With the template linked on this page in the supplemental resources (also shown in this Demo) you can drag and drop images into sliders. Or you can make your very own images from scratch using the concepts shown in the Demo.
Understand the importance of mobile-first design and responsive layout considerations when setting up image sliders on a website.
Identify the safe zones and optimal image dimensions for creating mobile-friendly sliders that avoid text and content cutoff.
Utilize developer tools to test and analyze the responsiveness of image sliders across different device form factors and orientations.
Access and leverage pre-designed slider templates to quickly create high-quality, mobile-optimized sliders.
Effectively edit, export, and optimize slider images for web performance, ensuring fast loading times and minimal bandwidth consumption.
Integrate and manage slider images within a content management system (CMS), including uploading, cropping, and linking functionality.
Apply best practices for maintaining the recommended slider image dimensions and safe zones when directly editing and modifying images in the CMS.
Setting Up Image Sliders on Websites (0:00)
Josh Lomelino introduces the topic of setting up image sliders on websites, emphasizing their use on the home page and other pages.
He highlights the importance of mobile responsive design, showing how sliders can be clicked through and swiped on different devices.
Josh explains the concept of mobile-first design and how to use developer tools to toggle between different device formats.
He mentions the importance of optimizing sliders for various form factors, including landscape and portrait modes.
Optimizing Sliders for Mobile Responsive Design (2:01)
Josh discusses the challenges of ensuring text visibility and avoiding text cutoff in sliders.
He Demonstrates how to test sliders using developer tools and highlights the importance of keeping key information within the safe zone.
Josh shows an example of a slider that is not optimized and compares it to a well-optimized one, emphasizing the need for proper image cropping.
He explains how to use developer tools to analyze the responsiveness of sliders on different devices.
Using Templates for Image Sliders (4:28)
Josh introduces templates linked on the page that help users create amazing sliders with minimal effort.
He explains how to use the home page slider design template in Photoshop or other applications like GIMP or Canva.
Josh Demonstrates how to open the PSD file, turn visibility on and off for different slider layouts, and add text overlays.
He emphasizes the importance of safe regions and proper image dimensions for optimal display on various devices.
Implementing and Optimizing Sliders (10:13)
Josh shows how to drag and drop images into the template and export them for use on the website.
He explains the importance of optimizing images for mobile to ensure fast loading times and minimal bandwidth consumption.
Josh Demonstrates how to export images using Photoshop's "Save for Web" feature and adjust file sizes for optimal performance.
He shows how to upload and integrate the exported image into the CMS, ensuring proper linking and formatting.
Managing Images in the CMS (13:22)
Josh explains how to modify existing sliders or create new ones in the CMS.
He Demonstrates how to specify the number of items in a slider and link images to specific pages.
Josh shows how to upload images directly into the CMS and ensure they are properly formatted and linked.
He explains how to use the CMS to crop and modify images directly, maintaining the recommended dimensions for mobile responsiveness.
The Big View Part 1
In this session, you will learn how to reverse engineer your top competitors' marketing strategies to understand their search engine ranking tactics. You will then apply a framework to architect your own traffic flow and conversion strategies, mapping out the customer journey and identifying where potential customers are coming from. By the end, you will have a plan to implement this traffic architecture and optimize your performance over time.
Here are the key things you will be able to do after you watch this Demo:
Reverse engineer top competitors' marketing strategies to understand how they achieved high search engine rankings.
Identify the highest performing competitors to focus the research and leverage the insights.
Analyze how search engines like Google and Bing determine and rank content relevance for users.
Develop a customer journey map to understand the flow of traffic and where potential customers are coming from.
Apply a framework to architect the traffic flow and conversion strategies for the business.
Implement the traffic architecture plan using the framework and strategies presented.
Measure and optimize the traffic and conversion performance over time.
Building Traffic Architecture and Conversion Strategies (0:08)
Josh Lomelino introduces the session's focus on building out traffic architecture, comparing it to planning traffic flow in a city, with the business representing the city.
The goal is to plan for traffic to reach the business, convert prospects into customers, and then grow and scale from there.
Josh emphasizes the importance of exhausting free or near-free options initially and reverse engineering top competitors to understand their marketing strategies.
The strategy will focus on the highest performing competitors, narrowing the research to four or five examples for better leverage.
Understanding Search Engine Rankings (1:41)
Josh explains the need to understand how search engines view competitors and why they rank in specific positions on the first page.
He highlights that search engines like Google and Bing aim to provide relevant content quickly to maintain their top position in the search engine market.
The key to success is not tricking the search engines but ensuring the necessary steps are taken to rank higher.
Josh stresses the importance of learning how the system works and will unpack the tools and strategies to achieve this.
Customer Journey Mapping and Framework Development (3:52)
Josh introduces the concept of creating a customer journey map to understand the flow of traffic and where people are coming from.
The framework will help in thinking through the process and identifying where people are hanging out online.
In the next video, Josh will present a framework that can be used as an architect to build the traffic architecture.
The plan will include mapping out the framework and developing a strategy for implementation.
The Big View Part 2
By the end of this Demo, you will be able to map out a comprehensive traffic strategy for your business. You will learn how to identify and leverage different traffic sources, like social media groups and search engines, to funnel users into your conversion funnels. Additionally, you will gain the skills to analyze your competitors' traffic strategies and apply those insights to create an actionable plan to drive traffic to your website without any upfront costs.
Visualize the internet as a pond and different traffic sources as schools of fish
Identify key traffic sources like Facebook groups, Twitter, YouTube, and search engines
Map out a customer journey and traffic architecture to funnel users to conversion pages
Develop a strategy to "fish" for users in different traffic sources using a lead magnet
Analyze competitor traffic strategies and funnels to learn and leverage their marketing efforts
Create an actionable plan to implement a traffic strategy without spending money upfront
Automate strategies based on insights from competitor analysis
Execute on a planned traffic strategy and conversion optimization approach
Understanding Customer Journey and Traffic Sources (0:08)
Josh Lomelino emphasizes the importance of mapping out the customer journey and understanding how users find competitors.
He uses the analogy of the internet as a pond to visualize different traffic sources and user groups.
Examples of traffic sources include Facebook groups, Twitter, and YouTube, each attracting users with specific interests.
The goal is to attract users from these sources into the company's funnel and then focus on conversion strategies.
Visualizing Traffic and Conversion Strategies (3:21)
Josh explains the concept of "fishing" in the internet pond, where the company places its "bait" to attract users to their website.
He discusses various traffic sources like Google and Bing searches, aiming to capture and direct traffic to the company's website.
The strategy involves developing a plan for each type of traffic to create a comprehensive traffic strategy.
The first step is to create a journey map to understand all available traffic sources and map out the architecture for each.
Developing a Traffic Strategy Framework (4:38)
Josh introduces the concept of a traffic strategy framework, which includes creating a journey map and mapping out the architecture.
He suggests that the strategy can be developed on pencil and paper if not using a fancy diagram.
The focus is on identifying where users are hanging out (traffic sources) and developing a strategy to funnel them to conversion pages.
Conversion pages, also known as squeeze pages, are highly focused on converting traffic into leads or customers.
Implementing the Traffic Strategy (6:24)
Josh shares an example of a marketing funnel planning for a university, focusing on finding and bringing users into the funnel.
The strategy includes identifying main traffic sources like Facebook, LinkedIn, YouTube, word of mouth, blogs, and Pay Per Click advertising.
The approach is to focus on one to three traffic sources initially and then introduce additional sources gradually.
The goal is to build an ecosystem that leverages traffic effectively, bringing everything back to a central hub for scalable and leveraged growth.
Leveraging Competitor Strategies (10:11)
Josh discusses the importance of analyzing top competitors' traffic strategies to learn and leverage their marketing dollars.
The next session will focus on breaking down competitors' traffic setups and automating strategies to use their insights.
The goal is to create an actionable plan without spending any money, relying on planning and execution.
The strategy aims to provide actionable insights and a plan to execute, leveraging competitor strategies to improve the company's approach.
Where Is Your Audience Hanging Out?
After watching this Demo, you will be able to visualize your online traffic as a metaphorical "pond" and strategically "fish" for your target customers in the right traffic sources. You will learn how to map out a comprehensive traffic architecture that funnels users from various platforms like social media and search engines into your conversion funnels. Additionally, you will gain the skills to analyze your competitors' traffic strategies and leverage those insights to create an actionable, cost-effective plan to drive more traffic to your own website.
Analyze competitors' marketing strategies and identify what is working for them.
Determine where the target audience is "hanging out" online and in their daily lives.
Develop a plan to strategically insert the product or service into the audience's daily traffic patterns.
Compile a comprehensive list of 20-30 potential free traffic sources, including blogs, forums, podcasts, and social media groups.
Identify 20-25 influential people within the target market who can promote the product or service to their audience.
Research top-selling products and customer reviews related to the product or service offering.
Organize all research findings into a structured spreadsheet for ongoing analysis and action planning.
Rank the identified traffic sources by relevance to prioritize lead magnet and free resource placements.
Implement the traffic strategy by leveraging the highest-ranked free traffic sources.
Monitor results and iterate the traffic strategy based on performance data.
Understanding Customer Journey and Traffic Sources (0:08)
Josh Lomelino emphasizes the importance of mapping out the customer journey and understanding how users find competitors.
He uses the analogy of the internet as a pond to visualize different traffic sources and user groups.
Examples of traffic sources include Facebook groups, Twitter, and YouTube, each attracting users with specific interests.
The goal is to attract users from these sources into the company's funnel and then focus on conversion strategies.
Visualizing Traffic and Conversion Strategies (3:21)
Josh explains the concept of "fishing" in the internet pond, where the company places its "bait" to attract users to their website.
He discusses various traffic sources like Google and Bing searches, aiming to capture and direct traffic to the company's website.
The strategy involves developing a plan for each type of traffic to create a comprehensive traffic strategy.
The first step is to create a journey map to understand all available traffic sources and map out the architecture for each.
Developing a Traffic Strategy Framework (4:38)
Josh introduces the concept of a traffic strategy framework, which includes creating a journey map and mapping out the architecture.
He suggests that the strategy can be developed on pencil and paper if not using a fancy diagram.
The focus is on identifying where users are hanging out (traffic sources) and developing a strategy to funnel them to conversion pages.
Conversion pages, also known as squeeze pages, are highly focused on converting traffic into leads or customers.
Implementing the Traffic Strategy (6:24)
Josh shares an example of a marketing funnel planning for a university, focusing on finding and bringing users into the funnel.
The strategy includes identifying main traffic sources like Facebook, LinkedIn, YouTube, word of mouth, blogs, and Pay Per Click advertising.
The approach is to focus on one to three traffic sources initially and then introduce additional sources gradually.
The goal is to build an ecosystem that leverages traffic effectively, bringing everything back to a central hub for scalable and leveraged growth.
Leveraging Competitor Strategies (10:11)
Josh discusses the importance of analyzing top competitors' traffic strategies to learn and leverage their marketing dollars.
The next session will focus on breaking down competitors' traffic setups and automating strategies to use their insights.
The goal is to create an actionable plan without spending any money, relying on planning and execution.
The strategy aims to provide actionable insights and a plan to execute, leveraging competitor strategies to improve the company's approach.
Traffic Overview - Landing the Plane
This video provides a detailed, actionable plan for conducting comprehensive traffic research. Viewers will learn how to use SimilarWeb to measure the monthly traffic volumes of competitor websites, allowing them to identify the major players based on traffic data. The video then introduces SEMrush as a powerful tool for analyzing the traffic and keyword data of these competitors, equipping viewers with the insights needed to develop an effective traffic strategy and architecture. By the end of this video series, participants will be able to automate the data collection process and integrate relevant keywords into their content to ensure search engine relevance and avoid algorithm penalties.
Measure the monthly traffic volumes of competitor websites using SimilarWeb.
Identify major competitors based on website traffic data, not just revenue or user base.
Analyze the traffic and keyword data for competitors using SEMrush.
Integrate relevant keywords into content to ensure search engine relevance and avoid algorithm penalties.
Develop a comprehensive traffic strategy and architecture based on the actionable data collected from SimilarWeb and SEMrush.
Automate the data collection process to streamline the traffic research and planning.
Apply the frameworks and examples provided in the subsequent videos to effectively utilize SimilarWeb and SEMrush.
Leverage the insights from optional tools like Alexa, Ahrefs, and URL Profiler to further enhance the traffic research.
Overview of Traffic Research Strategy (0:00:08 - 0:01:15)
Josh Lomelino explains the goal of the Demo: to provide a detailed, actionable plan for traffic research
He clarifies the importance of keywords, noting that Google has deprecated the meta keyword tag due to misuse
The focus is on integrating keywords into content to avoid algorithm manipulation and ensure relevance
Josh outlines the initial steps of the traffic research process, emphasizing the use of SimilarWeb for competitor traffic analysis
Utilizing SimilarWeb for Traffic Analysis (0:01:15 - 0:02:00)
Josh details the first step in the traffic research process: using SimilarWeb to measure monthly traffic volumes of competitor websites
He explains that this metric helps identify major competitors based on traffic, not necessarily revenue or user base
The traffic data collected will be crucial for developing the traffic strategy and architecture
Josh mentions that this step is foundational and will be further explained in subsequent videos
Introduction to SEMrush for Competitor Analysis (0:02:00 - 0:02:40)
Josh introduces SEMrush as the next tool in the traffic research process
He plans to provide examples and frameworks from his resources to guide the audience through the SEMrush usage
The process involves a two-step approach, with SEMrush being the primary tool
Josh notes that additional tools like Alexa, Ahrefs, and URL Profiler are optional but can provide valuable insights
Future Steps and Actionable Data (0:02:40 - 0:03:00)
Josh announces that future videos will cover the use of SimilarWeb and SEMrush in detail
He emphasizes that the data collected from these tools will be highly actionable and crucial for the overall traffic architecture plan
The goal is to automate the data collection process to develop a comprehensive traffic strategy
Josh reiterates the importance of integrating keywords into content to ensure search engine relevance and avoid penalties
Master Script Framework
After completing this video, viewers will be able to develop a master script framework for producing a full year of unique, inspirational Instagram reels. They will learn how to batch-create scripts, add descriptions and hashtags, and spot-check content for quality and consistency. The video guides users through automating the content creation process, organizing everything in one place, and preparing for efficient scheduling and posting. By following these steps, viewers can streamline their social media production and ensure their messaging remains engaging and on-brand.
Here are the key things you will be able to do after you watch this Demo:
Develop a master script framework for content creation
Generate and batch unique weekly scripts
Spot-check and refine content for quality and consistency
Automate the production and organization of social media assets
Schedule and prepare posts for efficient publishing
Integrate descriptions and hashtags for each script
Critique and adjust content to maintain brand messaging
Developing the Master Script Framework 0:09
Josh Lomelino explains the importance of developing a master script framework to allow AI to rapidly produce content.
The sequence is a 52-week sequence with the final outcome being Instagram reels, which will also be used for ads.
The feedback loop will be used to create Canvas slides for simple posts on Facebook and Instagram.
Josh will be working on a startup product that is in its beginning stages, creating content from scratch.
Initial Tests and Experimentation 1:47
Josh shows a Demo of initial tests to figure out how to proceed with social media content.
The first test involves a digital spokesperson promoting a game, with different voices and accents.
Josh emphasizes the need for 52 weeks of content and trains ChatGPT on the product.
The process involves starting with a brand new chat and training ChatGPT on the game description.
Training ChatGPT and Generating Scripts 5:26
Josh begins training ChatGPT by asking for a 15-second script for an Instagram reel.
The goal is to generate a sequence of 52 video scripts for Instagram reels.
Josh requests ChatGPT to provide a list of titles thematically broken down for each week.
The focus is on creating thought-provoking content that generates interest and shareability.
Refining the Scripts and Thematic Breakdown 9:09
Josh continues to refine the scripts, ensuring they are thematically broken down.
The process involves saving snapshots of the training process to keep the framework on track.
Josh emphasizes the importance of critiquing and providing feedback to steer the model in the right direction.
The goal is to create a strong starting point for the rest of the social media calendar.
Finalizing the Scripts and Automating Production 16:18
Josh finalizes the first script as a test and generates the video in 4K.
The process involves duplicating the project, pasting the script, and using different voices.
Josh Demonstrates how to generate all 52 weeks of scripts, ensuring each week is unique and inspirational.
The final step involves copying and pasting the scripts into a Google Doc for easy management and scheduling.
Managing the Social Media Calendar 24:44
Josh explains the importance of having Instagram descriptions and hashtags for each script.
The process involves saving the framework and ensuring all future scripts follow the combined format.
Josh spot checks the scripts to ensure they stay on track and provide feedback as needed.
The goal is to have everything ready for scheduling and posting on social media platforms.
Setting Up the Video Production Pipeline 32:43
Josh outlines the next steps for setting up the video production pipeline.
This includes selecting voices, actors, and actresses for the brand.
The process involves using Showbiz to produce each of the 52 videos.
Josh emphasizes the importance of having a fast and easy pipeline for production.
Finalizing the Year's Worth of Content 41:53
Josh continues to batch produce the remaining scripts, ensuring they are unique and inspirational.
The process involves spot checking the scripts and providing feedback to keep the model on track.
Josh Demonstrates how to manage the entire year's worth of content in one spot.
The final step involves generating the entire year's content and ensuring it is ready for scheduling and posting.
Keywords: functions
Functions Overview Part 1
Functions Overview Part 1
There is no code to load for this Demo.
Variables Overview Part 2
Variables Overview Part 2
Below is the full source code from this Demo. You can copy and paste this into P5JS or you can open it directly here.
function setup() {
createCanvas(500, 500); myXPos = 200; console.log("I am in the setup function an myXPos = " + myXPos); fill("blue"); drawBox(myXPos, 200, 50, 70); fill("red"); drawBox(myXPos+100, 0, 200, 500);}
function drawBox (a,b,c,d) { console.log ("I am in the drawBox function and myXPos = " + a); rect(a,b,c,d); }
Variables Overview Part 3
Below is the full source code from this Demo. You can copy and paste this into P5JS or you can open it directly here.
function setup() {
createCanvas(500, 500); myXPos = 200; console.log("I am in the setup function an myXPos = " + myXPos); fill("blue"); drawBox(myXPos, 200, 50, 70); fill("red"); drawBox(myXPos+100, 0, 200, 500);}
function drawBox (a,b,c,d) { console.log ("I am in the drawBox function and myXPos = " + a); rect(a,b,c,d); }
Keywords: Content,creation,workflow,time-saving,high-quality,student,outcomes,audio,file,screen,recording,Camtasia,OBS,generative,AI,digital,double,course,matrix,instructional,design,Otter,PowerPoint,slides
Josh Lomelino's ultimate content creation workflow is designed to dramatically reduce course development time from months to weeks or days by leveraging various content generation methods. His approach ranges from simple audio-only techniques to fully automated workflows using generative AI, with a focus on delivering clear, measurable learning outcomes. The workflow encompasses four progressive methods, starting with basic audio creation and advancing to complex AI-driven content generation that can produce digital avatars, slides, and video content from simple text prompts. By providing a flexible, scalable approach, Lomelino enables content creators to efficiently develop high-quality online courses and educational materials.
Josh Lomelino's ultimate content creation workflow is designed to dramatically reduce course development time from months to weeks or days by leveraging various content generation methods. His approach ranges from simple audio-only techniques to fully automated workflows using generative AI, with a focus on delivering clear, measurable learning outcomes. The workflow encompasses four progressive methods, starting with basic audio creation and advancing to complex AI-driven content generation that can produce digital avatars, slides, and video content from simple text prompts. By providing a flexible, scalable approach, Lomelino enables content creators to efficiently develop high-quality online courses and educational materials.
After this Demo, learners will be able to:
Understand the Four Methods of Content Creation
Differentiate between audio-only, screen recording, webcam, and fully automated content generation techniques
Recognize the strengths and limitations of each workflow method
Develop Efficient Content Generation Skills
Apply AI tools like Otter AI, Claude AI, and ChatGPT for script drafting and refinement
Create high-quality educational content using streamlined workflows
Leverage AI Technologies for Course Development
Utilize generative AI platforms for audio, video, and slide creation
Transform content development timelines from months to weeks
Design Learner-Centered Educational Content
Craft clear, measurable learning outcomes
Develop instructional materials that focus on practical skills and immediate application
Implement Scalable Content Production Strategies
Overview of Content Creation Workflow 0:09
Josh Lomelino introduces the ultimate content creation workflow class, aiming to reduce course development time from months to weeks or days.
The course will cover a blend of simple to fully automated workflows, starting with simpler methods for quick wins and progressing to advanced approaches.
Emphasis is placed on delivering clear, measurable outcomes and setting up necessary systems from the start.
The course will cover creating basic audio files, screen recording using tools like Camtasia or OBS, and fully automated workflows using generative AI.
Methods of Content Creation 1:30
Josh Lomelino outlines four methods of content creation, ranging from simple to fully automated, with each method providing a different level of complexity and automation.
Method one involves creating audio-only content using tools like Claude AI or ChatGPT to refine scripts and generate final audio files.
Method two involves real-time screen recording using software like Camtasia, capturing both screen content and voice simultaneously.
Method three combines screen recording with live webcam footage, allowing for a more dynamic on-screen presence.
Method four uses AI to generate a digital double video from a recorded vocal track, with AI also generating PowerPoint or Canvas slides.
Detailed Explanation of Methods 2:49
Method one: Josh explains the process of refining raw text into final audio scripts using AI tools and recording the final audio file manually or with AI.
Method two: Josh describes using Camtasia to record both screen and voice simultaneously, minimizing post-production work and suitable for relaxed, adaptable work.
Method three: Josh details recording both screen and webcam footage in one take, requiring careful setup for a consistent on-camera presence.
Method four: Josh explains using AI to generate a digital double video from a recorded vocal track, with AI also generating slides synchronized to the transcript.
Implementation and Integration 10:04
Josh emphasizes the importance of starting with method one and progressing sequentially to method four, explaining the workflows and specific tools used to optimize the process.
The course is designed to provide strategies that can be implemented immediately, with each method providing a different level of automation and complexity.
Josh will Demonstrate how to generate scripts, auto-generate audio files, and record both audio and video manually, as well as how to automatically generate PowerPoint and Canvas slides using AI.
The final video will show how to integrate these workflows into Anomaly AMP, providing learners with contextual information and a timeline breakdown.
Keywords: Overview, Demo, Audio, Recording, Process, Tracks, Methods, Production, Manual, AI, Generated, Voices, Automatically, Instructional, Aid, Synthesizing, Information, Guide, Instruct, Persuade, Sales, Potential, Catalyst, Automating, Content, Creation, Recorded, Serve, Presentation, Slides, PowerPoint, Canva, Animated, Effects, Virtual, Camera, Overlay, Automated, Execute, Fundamentals, Vocal, Performance, Techniques, Apply, Screen, Captures, Principles
This video provides a comprehensive overview of audio production techniques, teaching viewers how to create powerful audio tracks through manual recording and AI-generated voices. Participants will learn to leverage audio as a versatile tool for instructional content, sales support, and multimedia creation, including automated slide generation and virtual presentations. The Demonstration will equip learners with fundamental vocal performance skills applicable to screen captures, on-camera presentations, and various content creation scenarios. By mastering these techniques, viewers can transform their approach to creating engaging, professional-quality audio and visual content.
This video provides a comprehensive overview of audio production techniques, teaching viewers how to create powerful audio tracks through manual recording and AI-generated voices. Participants will learn to leverage audio as a versatile tool for instructional content, sales support, and multimedia creation, including automated slide generation and virtual presentations. The Demonstration will equip learners with fundamental vocal performance skills applicable to screen captures, on-camera presentations, and various content creation scenarios. By mastering these techniques, viewers can transform their approach to creating engaging, professional-quality audio and visual content.
Here are the key things you will be able to do after you watch this Demo:
Record high-quality audio tracks manually
Generate AI-powered voice narrations from text scripts
Use audio as an instructional and persuasive communication tool
Automate presentation slide creation using audio tracks
Create virtual on-camera presentations with overlaid audio
Apply vocal performance techniques to screen captures
Synthesize information effectively through audio narration
Leverage audio for sales and instructional content development
Transform text scripts into multimedia presentations
Develop professional-grade content using both manual and AI-driven audio production methods
Overview of Audio Recording Process 0:08
Josh Lomelino introduces the Demo, focusing on the process of recording audio tracks.
He mentions that the overview video will Demonstrate two methods for audio production: manual recording and AI-generated voices.
The video aims to outline various uses of audio, emphasizing its role as an instructional aid and its potential in automating content creation.
Josh highlights that audio can synthesize information to guide, instruct, persuade, and support sales.
Applications of Audio in Content Creation 0:51
Josh explains that audio tracks can be used directly as instructional aids, providing guidance and support.
He elaborates on audio's role in automating multiple aspects of content creation, whether recorded manually or generated with AI.
An audio track can create presentation slides in applications like PowerPoint or Canva, complete with animated effects.
The audio can also be used to generate virtual on-camera presentations that overlay on automated slides.
Upcoming Demos and Techniques 1:40
Josh mentions that upcoming Demos will show how to execute both methods of audio production: manual recording and AI-generated voice production.
He emphasizes the importance of mastering the fundamentals of delivering a strong vocal performance.
These techniques can be applied to various areas, including live screen captures and on-camera presentations.
Josh concludes the high-level overview, stating that he will see the audience in the next video.
Keywords: audio,recording,microphone,quality,live,studio,interface,phantom,power,sample,rate,uncompressed,format,pop,filter,level,balancing,Camtasia,Studio,file,organization,voice,clone,AI,avatar,sound,absorption
This video provides a comprehensive guide to professional audio recording for content creators, focusing on essential equipment and techniques for high-quality sound production. Viewers will learn how to select the right microphone, set up a proper recording environment, and use audio interfaces and editing tools to capture clean, professional-grade audio. By following Josh Lomelino's expert advice, participants will be able to create polished audio recordings suitable for workshops, Demos, podcasts, and even AI-generated video content. The tutorial equips creators with practical skills to improve their audio recording process and produce more engaging, professional-sounding content.
This video provides a comprehensive guide to professional audio recording for content creators, focusing on essential equipment and techniques for high-quality sound production. Viewers will learn how to select the right microphone, set up a proper recording environment, and use audio interfaces and editing tools to capture clean, professional-grade audio. By following Josh Lomelino's expert advice, participants will be able to create polished audio recordings suitable for workshops, Demos, podcasts, and even AI-generated video content. The tutorial equips creators with practical skills to improve their audio recording process and produce more engaging, professional-sounding content.
Here are the key things you will be able to do after you watch this Demo:
Select an appropriate high-quality microphone for professional audio recording
Set up a clean, noise-free recording environment
Configure audio interfaces and software for optimal sound capture
Choose the correct sample rate and recording format
Use a pop filter and mic positioning techniques to improve audio quality
Perform audio test recordings and evaluate sound levels
Utilize audio editing tools for recording and post-production
Implement file organization strategies for audio projects
Export audio files in various formats for different content needs
Create consistent, professional-grade audio recordings for workshops, Demos, and presentations
Prepare audio recordings for potential AI avatar or voice clone generation
Troubleshoot common audio recording and equipment setup challenges
Basic Method of Production 0:09
Josh Lomelino explains the simplicity and power of recording thoughts and ideas using just a microphone.
Live recordings during workshops or Demos are more engaging but harder to edit if mistakes are made.
Studio recordings allow for pauses and polished takes but require maintaining a natural and conversational tone.
The importance of a high-quality microphone and a quiet, clean recording space is emphasized.
Microphone Setup and Recording Quality 1:31
Josh recommends the AKG condenser mic for its clean, detailed sound, which requires phantom power.
The Shure 57 microphone is mentioned as a versatile option for various recording situations.
The Zoom H6 USB audio interface is preferred for its compatibility with various software like Camtasia.
Recording at 48,000 Hz instead of the default 44.1 Hz is suggested to preserve audio detail.
Audio Recording Practices 3:18
Josh advises recording in an uncompressed format like WAV until the final export to avoid audio degradation.
Ensuring the computer and audio interface are set to the same sample rate prevents speed mismatches.
The use of a pop filter and an adjustable mic arm helps maintain consistent audio quality.
Test recordings and listening on different devices help ensure balanced sound levels.
Audio Editing and Tools 4:53
Josh mentions various audio editing tools like Audacity, Adobe Audition, Pro Tools, and FL Studio.
Camtasia Studio is recommended for its convenience in recording and managing audio projects.
The Auto Normalize feature in Camtasia helps maintain consistent volume throughout recordings.
Exporting recordings as MP3s allows for generating on-camera videos using AI avatars.
File Organization and Studio Setup 5:55
A consistent naming system for recordings and exports is crucial for easy retrieval and updates.
Avoiding rooms with echo and using soft materials to absorb sound helps improve recording quality.
A good studio setup, including soundproofing and proper equipment, is essential for high-quality recordings.
Josh hints at a future Demo on creating a voice clone, which requires clean and consistent audio recordings.
In this video, Josh Lomelino Demonstrates how to create an AI-powered digital voice replica using 11 Labs, enabling content creators to rapidly generate high-quality audio and video content at scale. By training the system with a consistent audio sample, users can produce automated voice performances that sound like their own, allowing them to create lectures, Demos, and other content quickly and efficiently. The method involves uploading 1-3 hours of controlled audio recordings, fine-tuning voice settings, and integrating with platforms like HeyGen to automate video production. After watching this tutorial, viewers will be able to develop their own AI voice clone, streamline content creation, and overcome time constraints by generating multiple scripts and videos with minimal manual effort.
In this video, Josh Lomelino Demonstrates how to create an AI-powered digital voice replica using 11 Labs, enabling content creators to rapidly generate high-quality audio and video content at scale. By training the system with a consistent audio sample, users can produce automated voice performances that sound like their own, allowing them to create lectures, Demos, and other content quickly and efficiently. The method involves uploading 1-3 hours of controlled audio recordings, fine-tuning voice settings, and integrating with platforms like HeyGen to automate video production. After watching this tutorial, viewers will be able to develop their own AI voice clone, streamline content creation, and overcome time constraints by generating multiple scripts and videos with minimal manual effort.
Here are the key things you will be able to do after you watch this Demo:
Train an AI voice synthesis system using personal audio recordings
Generate consistent voice replicas with controlled audio samples
Optimize AI-generated voice settings for natural-sounding output
Integrate voice cloning technology with video production platforms
Create automated content at scale using text-to-speech technologies
Manage AI voice generation credits efficiently
Export and store audio files in multiple formats for different applications
Prototype and refine scripts using AI voice technology
Develop a workflow for rapid content creation across lectures, Demos, and presentations
Leverage AI tools to overcome time constraints in content production
Creating a Voice Replica Using AI 0:09
Josh Lomelino discusses the use of AI-powered voice synthesis to create a voice replica, emphasizing the challenge of matching human recordings.
He highlights the effectiveness of using text prompts to quickly prototype, test, and revise scripts or generate finished audio files.
Josh mentions his preference for the 11 labs tool, which offers a studio mode for producing longer form audio tracks.
He shares his initial struggles with the tool and how contacting their support provided helpful suggestions.
Training the System for Consistent Output 1:24
Josh explains the importance of training the system with a consistent audio sample to avoid unnatural variations in volume and tone.
He describes his initial mistake of using diverse recordings from different sessions, which led to inconsistent results.
Josh emphasizes the need for a controlled environment with a single, consistent audio sample for better results.
He plans to Demonstrate the settings that produce the best results for replicating his voice in the user interface.
Optimizing Generated Audio Files 2:56
Josh advises generating audio sparingly to avoid exhausting monthly credits and recommends starting with smaller sections of text.
He explains the process of refining the output and generating both wave and mp3 audio files for different applications.
Josh mentions the importance of storing both wave and mp3 files for secure storage and project organization.
He notes that it may take several attempts to develop a method that works well for the user.
Exporting and Integrating Audio Files 4:19
Josh describes two methods for uploading audio files to virtual avatars: exporting both wave and mp3 versions or integrating the 11 labs API directly with Hey Gen.
He prefers using the wave audio file for higher quality and to avoid double compression but acknowledges the need to export the mp3 format for larger tracks.
Josh explains the integration of the 11 labs API with Hey Gen, which allows for rapid development of prototypes and large volumes of content.
He mentions the need to break up scripts into manageable sections for efficient processing by the software.
Automating Video Production with AI 6:02
Josh discusses the ability to produce videos at scale by automating both audio and video avatars from text.
He highlights the productivity gains from using AI to generate video scripts and produce audio and video automatically.
Josh notes the cost of AI-generated voice and the strategy of using high-quality audio only when necessary.
He explains the use of draft versions of scripts with Hey Gen's voice replica to refine the script without incurring additional costs.
Finalizing and Exporting Scripts 8:04
Josh describes the process of finalizing scripts and either reading and recording them manually or using the 11 labs integration within Hey Gen.
He mentions the use of a side-by-side display setup with a Google document and video avatar performance for quick edits.
Josh emphasizes the usefulness of this method for high-end projects that require detailed polishing and iteration.
He concludes the Demo by encouraging the use of digital voice replicas to scale beyond time constraints and improve productivity.
Keywords: Screen,recording,live,audio,Camtasia,high,resolution,4K,8K,graphics,processing,unit,system,specifications,test,recordings,MP4,file,video,quality,rendering,process,artificial,intelligence,computer,generated,avatar,performance,optimization
In this video, Josh Lomelino teaches how to create high-quality screen recordings with separate audio tracks, providing flexibility in content creation. Viewers will learn technical tips for recording at 4K or 8K resolution, including how to optimize system settings, graphics performance, and recording software. The tutorial Demonstrates how to use Camtasia's features like the F9 hotkey to pause and resume recording seamlessly, allowing for more natural and efficient content production. By following these techniques, creators can produce professional-looking screen recordings with minimal post-production editing.
In this video, Josh Lomelino teaches how to create high-quality screen recordings with separate audio tracks, providing flexibility in content creation. Viewers will learn technical tips for recording at 4K or 8K resolution, including how to optimize system settings, graphics performance, and recording software. The tutorial Demonstrates how to use Camtasia's features like the F9 hotkey to pause and resume recording seamlessly, allowing for more natural and efficient content production. By following these techniques, creators can produce professional-looking screen recordings with minimal post-production editing.
Configure computer settings for high-resolution screen recording
Optimize graphics acceleration for smooth video capture
Use Camtasia's F9 hotkey to pause and resume screen recordings
Separate screen and audio recording for more flexible content creation
Select appropriate system specifications for 4K and 8K recording
Troubleshoot audio and video synchronization issues
Export screen recordings with optimal file quality settings
Implement a streamlined recording workflow that reduces post-production editing time
Screen Recording and Audio Recording Techniques 0:00
Josh Lomelino introduces the session on creating a screen recording along with a live audio recording.
He explains the benefits of recording screen and audio independently, allowing for more flexibility and less editing time.
Josh mentions the use of a hot key (F9) in Camtasia to pause and resume recording without worrying about facial expressions.
He highlights the ability to pause and resume recording to research or practice, making the final edit seamless.
Technical Challenges and Solutions for High-Resolution Recording 2:02
Josh discusses the technical challenges of recording high-resolution footage, such as 4K or 8K, and the importance of meeting system specifications.
He emphasizes the need for a dedicated graphics processing unit (GPU) to handle the workload and ensure better performance.
Josh advises checking system specifications against recording software to confirm compatibility.
He suggests ensuring the primary monitor supports the desired resolution to avoid issues during recording.
Optimizing Graphics Acceleration Settings 3:13
Josh provides detailed steps to optimize graphics acceleration settings for high-performance recording.
He recommends configuring the graphics card for high performance and setting the operating system to high performance mode.
Josh advises checking the recording software settings for optimal performance.
He suggests running test recordings to ensure audio and video sync and to avoid post-recording editing issues.
Final Export and Rendering Tips 4:35
Josh advises using Camtasia's optimal settings to produce an MP4 file with a quality setting of around 75% for manageable file sizes.
He recommends capturing multiple screen recordings that can be compiled into a single video.
Josh suggests following through with the entire rendering process when exporting the final video.
He concludes the session by encouraging practice and looking forward to seeing the participants' creations.
Keywords: Screen,recording,audio,capture,on-camera,presentation,production,challenges,lighting,consistency,studio,lights,color,temperature,LED,panels,backlights,kicker,light,digital,double,4K,webcam,system,performance,green,screen,Camtasia
In this video, Josh Lomelino Demonstrates Method Three for creating engaging screen recordings that combine on-camera presence, screen capture, and audio. Viewers will learn how to set up professional lighting using LED panels, choose the right camera equipment, and optimize their recording environment for high-quality video production. The tutorial covers essential techniques for maintaining visual continuity, managing lighting color temperatures, and using tools like Camtasia and green screens to create polished, professional-looking video content. By following Josh's guidance, content creators will be able to produce dynamic, natural-looking screen recordings with improved technical quality and visual appeal.
In this video, Josh Lomelino Demonstrates Method Three for creating engaging screen recordings that combine on-camera presence, screen capture, and audio. Viewers will learn how to set up professional lighting using LED panels, choose the right camera equipment, and optimize their recording environment for high-quality video production. The tutorial covers essential techniques for maintaining visual continuity, managing lighting color temperatures, and using tools like Camtasia and green screens to create polished, professional-looking video content. By following Josh's guidance, content creators will be able to produce dynamic, natural-looking screen recordings with improved technical quality and visual appeal.
Here are the key things you will be able to do after you watch this Demo:
Manage on-camera and screen recording simultaneously
Maintain visual continuity during video recordings
Set up professional lighting using LED panels
Adjust color temperature and brightness for optimal video quality
Create a three-point lighting setup with key, fill, and kicker lights
Select and configure appropriate camera equipment for video production
Optimize system performance for screen and camera recording
Use a Wacom tablet for digital whiteboarding
Implement green screen techniques for background removal
Combine multiple video takes into a seamless recording
Export and render high-quality video files
Create digital double avatars for reusable content
Troubleshoot common video production challenges
Select and position lighting equipment safely
Integrate on-camera performance with slides and screen recordings
Method Three Demo and Challenges 0:08
Josh Lomelino introduces method three, which involves screen recording, audio, and on-camera capture, emphasizing its ability to capture natural, unscripted moments.
He highlights the challenges of managing both screen and camera presence simultaneously, including the need to maintain a consistent camera angle and expression.
Josh explains the importance of resuming recording with a neutral expression to ensure visual continuity.
He mentions the difficulty of pausing and resuming recording without noticeable edits when on camera.
Lighting Considerations for On-Camera Work 1:46
Josh discusses the significance of lighting in on-camera work, including the need to keep lighting consistent between takes.
He recommends using affordable studio lights, such as LED lights, which stay cool and are suitable for longer sessions.
Josh explains the concept of color temperature, noting that outdoor light can affect indoor lighting and cause color shifts.
He suggests using LED lights that allow adjustments in brightness and color temperature to manage lighting effectively.
Setting Up Lighting Equipment 3:02
Josh shares his preference for the Spectro Essential 360 LED panels, which range from 3250 to 6000 Kelvins and are dimmable.
He describes his typical setup, which includes stacking four LED panels in front and sometimes behind him to create soft, even light.
Josh emphasizes the importance of using back lights to create a "kicker light" effect, which helps outline the subject and makes them stand out from the background.
He advises adding weight to light stands to prevent them from tipping if bumped.
Camera and Recording Equipment 6:07
Josh talks about using a full-frame camera like the Canon 5D Mark III for high-quality recordings, but notes that a good 4K webcam can also deliver excellent results.
He recommends Logitech webcams, such as the Logitech 1080P cam, for their affordability and performance.
Josh explains the benefits of recording screen and camera separately, especially if the system can't handle 4K video and screen capture simultaneously.
He mentions the use of digital double avatars for reusing lighting and performance footage.
Optimizing System Performance and Audio Settings 8:15
Josh advises optimizing the graphics card and operating system for better system performance.
He recommends setting the microphone to 48,000 hertz and ensuring phantom power is turned on through the sound interface.
Josh suggests using a Wacom tablet for live whiteboarding, either with the Cintiq for direct drawing or a more affordable tablet for drawing on a pad.
He emphasizes the importance of setting pen lines thick enough to show clearly in high-resolution recordings.
Using Camtasia and Green Screens 9:20
Josh highlights Camtasia's ability to combine multiple takes into one smooth recording and overlay on-camera performance videos on PowerPoint slides.
He explains the use of green screens for added flexibility, including the need to light the green screen evenly and separately from the face lighting.
Josh mentions the built-in removal tool in Camtasia for easily removing the green screen background.
He advises fine-tuning the green screen setup to avoid issues with hair and shoulder edges.
Exporting and Backing Up Videos 10:17
Josh recommends exporting videos as MP4 files using the H.264 format with a rendering quality around 75%.
He advises keeping files organized and backed up for potential updates.
Josh mentions the use of green screens for recording digital double avatar videos, which can be easily removed from the background later.
He concludes the Demo by encouraging viewers to invest in high-quality audio and video assets for better results.
This video teaches how to create professional webcam performances using a free web-based teleprompter and simple recording techniques. Viewers will learn to set up a streamlined recording environment using their computer, webcam, and an online teleprompter tool, allowing them to deliver precise scripts with natural, direct-to-camera presence. The technique eliminates complex equipment setups, enabling content creators to record high-quality videos quickly and easily. By following these methods, users can improve their on-camera delivery, reduce editing time, and create polished video content with minimal technical barriers.
This video teaches how to create professional webcam performances using a free web-based teleprompter and simple recording techniques. Viewers will learn to set up a streamlined recording environment using their computer, webcam, and an online teleprompter tool, allowing them to deliver precise scripts with natural, direct-to-camera presence. The technique eliminates complex equipment setups, enabling content creators to record high-quality videos quickly and easily. By following these methods, users can improve their on-camera delivery, reduce editing time, and create polished video content with minimal technical barriers.
Here are the key things you will be able to do after you watch this Demo:
Configure a webcam-based teleprompter setup
Position a teleprompter text for optimal eye contact with the camera
Use a free browser-based teleprompter tool
Record professional-looking webcam presentations
Manually scroll or auto-advance teleprompter text
Pause and resume recording seamlessly
Use green screen techniques for background removal
Deliver a natural, conversational on-camera performance
Create presentations using minimal script editing
Optimize webcam software settings for better video quality
• Introduction to webcam performances with teleprompter [0:00]
• Key Benefits of Teleprompter: [2:30]
- Delivers precise script
- Minimizes recording takes
- Ensures message clarity
• Technical Setup: [4:15]
- Use Camtasia for recording
- Position free browser-based teleprompter above camera lens
- Manually scroll or use automatic text advancement
- Use F9 key for pausing/resuming recording
• Advanced Techniques: [5:30]
- Record in front of green screen
- Potential for layered recordings
- Option to use OneNote for on-screen drawings
• Performance Tips: [6:15]
- Use bullet points for natural delivery
- Avoid word-for-word scripting
- Maintain conversational tone
• Closing Recommendations: [6:45]
- Configure webcam software settings
- Prepare for future Demos on camera settings
Keywords: Webcam,DSLR,setup,brightness,contrast,color,temperature,LUT,presets,image,quality,white,balancing,Logitech,software,post,production,Camtasia,Premiere,Pro,Lumetri,video,on-camera,performance
In this video, Josh provides a comprehensive guide to improving on-camera video quality using webcam settings and post-production techniques. Viewers will learn how to optimize their camera's brightness, contrast, and color settings through software applications like Logitech's control panel, and understand the importance of proper lighting and white balancing. The tutorial Demonstrates how to fine-tune video appearance by adjusting settings, testing variations, and using LUT presets in editing software like Premiere Pro. By following these steps, content creators can produce professional-looking videos with consistent, high-quality visual performance.
In this video, Josh provides a comprehensive guide to improving on-camera video quality using webcam settings and post-production techniques. Viewers will learn how to optimize their camera's brightness, contrast, and color settings through software applications like Logitech's control panel, and understand the importance of proper lighting and white balancing. The tutorial Demonstrates how to fine-tune video appearance by adjusting settings, testing variations, and using LUT presets in editing software like Premiere Pro. By following these steps, content creators can produce professional-looking videos with consistent, high-quality visual performance.
Here are the key things you will be able to do after you watch this Demo:
Calibrate webcam settings for optimal image quality
Adjust brightness and contrast using manufacturer-specific software
Perform white balance corrections using neutral objects
Identify and correct color temperature issues
Screenshot and test video settings across multiple devices
Apply LUT presets for consistent color grading
Use post-production tools like Premiere Pro for video enhancement
Create repeatable video quality settings for future productions
Troubleshoot common on-camera video performance problems
Compare and evaluate video quality against professional standards
Critical Considerations for On-Camera Video Performances 0:08
Josh Lomelino introduces the topic of critical considerations for on-camera video performances and video quality.
He emphasizes the importance of using either a webcam or a DSLR setup, each requiring different strategies but relying on the same basic principles.
Key settings like brightness, contrast, color, and temperature are highlighted as essential for managing video quality.
LUT presets are mentioned as a tool for applying color adjustments quickly and consistently in post-production.
Focus on Webcam Use Case 0:51
Josh Lomelino explains that he will primarily focus on the webcam use case, as it is likely the dominant form of production for most people.
He discusses the benefits of using specific software applications for webcams, such as Logitech, to manage image quality settings.
The Logitech settings control panel is used as an example to Demonstrate managing all aspects of the image, starting with brightness adjustments.
Josh emphasizes the importance of setting up the environment and lighting properly to minimize ongoing adjustments.
White Balancing and Color Adjustments 2:28
Josh explains the process of white balancing, using neutral objects like teeth or a white piece of paper to calibrate the camera.
He advises adjusting brightness, contrast, and color settings, and suggests testing variations by screenshotting or recording short clips.
He shares a personal anecdote about a time when his video looked off due to incorrect white balancing, leading to concerns about his health.
The importance of locking in settings, screenshotting results, and storing them for future reference is emphasized.
Post-Production Adjustments 4:06
Josh discusses the use of post-production tools like Camtasia and Premiere Pro for making quick adjustments if the video still doesn't look right.
He mentions using LUT presets, either out of the box or custom ones, to enhance video quality in post-production.
Josh considers this a fallback plan rather than a primary method but acknowledges its effectiveness.
He introduces Lumetri color in Premiere Pro as an advanced tool for achieving high-quality, polished video quickly and efficiently.
Comparing Video Quality and Final Thoughts 5:00
Josh highlights the importance of being mindful of all aspects of video quality to compare content side by side with others.
He emphasizes the goal of producing excellent on-camera performances with outstanding video quality.
Josh concludes the video by mentioning that he will see the audience in the next video.
Keywords: automation,content,creation,production,studio,digital,doubles,video,avatar,text,script,cloud-based,tools,slide,decks,PowerPoint,Canva,training,programs,staff,development,retention,coding,Academy,method,four
Method Four of the Ultimate Content Creation Workflow enables creators to automate their entire video production process by leveraging cloud-based tools and digital technology. By mastering this method, content creators can clone their voice, generate video avatars, and produce high-quality training videos and presentations with minimal time and effort. The workflow allows you to transform a simple text script into a fully automated video production, complete with synchronized audio, visuals, and slide decks. Ultimately, this approach empowers busy professionals to scale their content creation without being constrained by traditional time-consuming production methods.
Method Four of the Ultimate Content Creation Workflow enables creators to automate their entire video production process by leveraging cloud-based tools and digital technology. By mastering this method, content creators can clone their voice, generate video avatars, and produce high-quality training videos and presentations with minimal time and effort. The workflow allows you to transform a simple text script into a fully automated video production, complete with synchronized audio, visuals, and slide decks. Ultimately, this approach empowers busy professionals to scale their content creation without being constrained by traditional time-consuming production methods.
Here are the key things you will be able to do after you watch this Demo:
Clone your voice for digital content creation
Generate automated video avatars
Transform text scripts into complete video presentations
Automate slide deck production in PowerPoint and Canva
Scale content creation with minimal time investment
Develop training materials efficiently
Leverage cloud-based production tools
Create digital doubles of yourself
Streamline video production workflows
Produce high-quality educational content without extensive technical skills
Ultimate Content Creation Workflow Overview 0:08
Josh Lomelino introduces method four, which automates the entire content creation process.
This method combines the first three methods but focuses on automation, making it more efficient.
Josh emphasizes the importance of mastering the first three methods before attempting method four.
The method allows for the creation of high-quality content with minimal time, effort, and budget.
Method Four's Impact on Production 1:09
Josh describes the transformative power of method four, which revolutionized his production process.
A potential customer expressed interest in using the method for staff development and retention.
Josh explains how he creates digital doubles of himself to automate the production process.
The method enables large-scale production without the time constraints typically associated with video creation.
Addressing Time Constraints in Content Creation 1:49
Josh shares experiences of customers who face time constraints in creating training programs and classes.
He highlights the challenges of maintaining a busy schedule while keeping up with production demands.
Method four allows for the cloning of voices and creation of audio tracks to generate video avatars.
The method significantly reduces the time required to produce multiple videos.
Automation Capabilities of Method Four 2:29
Josh explains that everything in the final video is fully automated, starting from a text script.
The process involves copying and pasting the script into cloud-based production tools.
High-end computers are not necessary as most of the heavy lifting is done in the cloud.
The method also automates the creation of slide decks in tools like PowerPoint or Canva.
Step-by-Step Process Walkthrough 2:48
Josh mentions that he will walk through each part of the process in the following sections.
The detailed steps will provide a comprehensive understanding of method four.
The process aims to make content creation more efficient and less time-consuming.
Josh emphasizes the importance of understanding each step to effectively implement the method.
Keywords: AI-generated,video,4K,resolution,workflow,optimization,content,longevity,editing,software,avatar,export,quarter,screen,principle,green,workflows,automated,production,performances,audio,files,text-to-performance,tools,cloud,storage,local,backups
In this video, you'll learn how to create a digital double avatar for automated video production, with a focus on optimizing workflow and resolution strategies. You'll discover techniques for producing high-quality avatars, including how to effectively composite 1080p avatars into 4K projects and create flexible avatar sets with multiple poses and angles. The tutorial will guide you through green screen workflows and Demonstrate methods for automating avatar performances using audio and text-to-performance tools. By the end, you'll have a comprehensive understanding of how to efficiently generate professional-looking AI-driven video content with your digital avatar.
In this video, you'll learn how to create a digital double avatar for automated video production, with a focus on optimizing workflow and resolution strategies. You'll discover techniques for producing high-quality avatars, including how to effectively composite 1080p avatars into 4K projects and create flexible avatar sets with multiple poses and angles. The tutorial will guide you through green screen workflows and Demonstrate methods for automating avatar performances using audio and text-to-performance tools. By the end, you'll have a comprehensive understanding of how to efficiently generate professional-looking AI-driven video content with your digital avatar.
Following are the key things you will be able to do after you watch this Demo:
Select optimal video resolution for long-term content creation
Composite avatar videos into 4K projects using the quarter-screen technique
Design flexible avatar sets with multiple camera angles and poses
Implement cost-effective workflows for digital avatar production
Batch produce avatar videos efficiently
Utilize green screen techniques for high-quality avatar generation
Automate avatar performances using audio and text-to-performance tools
Future-proof video content by understanding resolution strategies
Create visually engaging educational or presentation videos with digital avatars
Optimize video production workflow for AI-generated content
Overview of Creating a Digital Double Avatar 0:08
Josh Lomelino introduces the video as an overview of creating a digital double avatar, emphasizing the importance of early workflow considerations for automated video production.
He highlights the significant decision of choosing between HD at 1080p and Ultra HD at 4k or higher, noting that while 1080p is faster and more economical, 4k offers better future-proofing.
Josh recommends producing videos in 4k for longevity, ensuring the platform supports 4k playback, and mentions that Anomaly Amp supports this out of the box.
For cost-effective 4k output, he suggests exporting the avatar at 1080p and compositing it over a 4k background in video editing software like Premiere or Camtasia.
Techniques for Achieving 4k Output 2:12
Josh explains that exporting avatars in 4k can be costly, but exporting at 1080p and compositing it in a 4k project maintains full resolution without quality loss.
He describes the quarter screen principle, where the avatar is positioned in the bottom right-hand corner of the screen, enhancing the learning experience with foreground and background visuals.
Josh advises producing the original avatar in 4k and storing it at full resolution in both cloud storage and local backups, but notes that most people will render videos in 1080p.
He outlines the process of creating an avatar set with multiple camera angles, standing and sitting poses, and options with and without hand gestures, providing a flexible collection for different needs.
Green Screen Workflows and Automation 3:33
Josh discusses green screen workflows, offering tips for achieving strong results even without a high-end green screen.
He explains how to batch produce avatars efficiently, saving time with a streamlined workflow.
Josh introduces the concept of fully automating avatar performances using audio files or AI-generated audio and video with text-to-performance tools.
He concludes the Demo by mentioning that he will cover these topics in more detail in future videos, encouraging viewers to stay tuned for further instruction.
Keywords: Digital, doubles, AI, tools, lighting, image, quality, training, model, green
In this tutorial, Josh guides viewers through creating high-quality digital doubles using AI technology. By following his detailed workflow, users will learn how to record themselves with optimal lighting, camera angles, and techniques to capture natural movements. The process involves creating multiple avatar variations with a consistent naming system, allowing for seamless video production and editing. After completing the tutorial, viewers will be able to generate professional, versatile digital avatars that can be used across different video projects with ease and consistency.
In this tutorial, Josh guides viewers through creating high-quality digital doubles using AI technology. By following his detailed workflow, users will learn how to record themselves with optimal lighting, camera angles, and techniques to capture natural movements. The process involves creating multiple avatar variations with a consistent naming system, allowing for seamless video production and editing. After completing the tutorial, viewers will be able to generate professional, versatile digital avatars that can be used across different video projects with ease and consistency.
Following are the key things you will be able to do after you watch this Demo:
Create multiple avatar variations with a consistent naming system
Record high-quality source footage for AI digital double training
Select optimal recording environments (green screen or natural settings)
Capture multiple camera angles for flexible video production
Apply three-point lighting techniques for professional video quality
Use camera settings to record in 4K resolution
Develop a systematic approach to avatar creation and management
Experiment with different avatar styles and gestures
Optimize video recording for AI digital double learning
Implement a multi-camera editing workflow for seamless avatar transitions
Building Digital Doubles from Scratch 0:08
Josh Lomelino explains the importance of following earlier steps, especially around lighting and image quality, to avoid costly post-production fixes.
He emphasizes the need for a two-minute video of oneself speaking directly to the camera, suggesting the use of a wireless mouse for discreet recording.
Josh prefers recording against a green screen for flexibility in background changes, but acknowledges the natural setting option.
He recommends experimenting with different avatars, using a consistent numbering system for organization, and provides examples of naming conventions for avatar variations.
Creating and Managing Avatars 3:19
Josh discusses the importance of capturing as many versions as possible for each outfit in one session to ensure consistency in hair, lighting, and clothing.
He explains his approach to recording multiple shots or angles simultaneously using different camera angles and a multi-cam edit in video editing software.
The three essential angles he always records are a close-up, a medium shot, and a three-quarter side view.
Josh mentions the challenges some AI tools pose with the three-quarter view but recommends capturing it for added realism and variety.
Recording and Equipment Considerations 4:43
Josh advises using a Logitech 4K webcam for better image quality, though a 1080p camera can also yield decent results.
He shares his experience with different recording devices, including a phone's rear-facing camera in 4K, a webcam, and a DSLR, and emphasizes the need for experimentation.
Josh recommends using the built-in Windows or Mac camera app for recording at the highest resolution possible, with instructions on adjusting settings to force 4K recording.
He advises recording a clip without the green screen, looking straight into the camera, and speaking casually to ensure the digital double learns natural behavior.
Batch Creating Avatars 6:07
Josh introduces a workflow in his video editing software for batch creating avatars, which speeds up the process.
He mentions the importance of recording a clip that is at least two minutes long to avoid issues with awkward movements being mimicked by the avatar.
Josh explains his setup for recording, including using an adjustable camera arm mounted to his desk for flexibility.
He concludes the Demo by stating that he will cover more in the next video, indicating the end of the current session.
Keywords: Green screen, virtual avatar, training video, RGB, Ultra Key
In this tutorial, Josh Demonstrates how to create a versatile virtual avatar using a green screen background. By following his step-by-step process, viewers will learn to record a training video, use video editing software to remove the background, and export a high-quality 4K file for avatar creation. The technique allows users to generate a digital double that can be placed on any background, enabling them to create numerous training videos, presentations, and lectures without being physically present. Ultimately, viewers will gain the skills to produce an AI avatar that can work continuously, freeing up their personal time while maintaining professional content production.
In this tutorial, Josh Demonstrates how to create a versatile virtual avatar using a green screen background. By following his step-by-step process, viewers will learn to record a training video, use video editing software to remove the background, and export a high-quality 4K file for avatar creation. The technique allows users to generate a digital double that can be placed on any background, enabling them to create numerous training videos, presentations, and lectures without being physically present. Ultimately, viewers will gain the skills to produce an AI avatar that can work continuously, freeing up their personal time while maintaining professional content production.
Following are the key things you will be able to do after you watch this Demo:
Shoot a training video using a green screen background
Apply the ultra key filter in video editing software
Create a 100% green color matte
Remove background elements from video footage
Export high-quality 4K video files
Generate a virtual avatar using AI software
Render digital doubles for multiple presentations
Layer virtual avatars over different backgrounds
Integrate avatar presentations with PowerPoint and Canva slides
Produce training content without physical studio time
Creating a Virtual Avatar with a Green Screen Background 0:08
Josh Lomelino explains the importance of using a green screen background for creating virtual avatars, emphasizing versatility and ease of use.
He describes the general principle of achieving a 100% green background in the RGB model, noting the difficulty of achieving perfect green.
Josh introduces simple steps to help with the process, including shooting a two-minute training video on a green screen and using 100% green shapes in video editing software.
He Demonstrates the use of the ultra key filter in video editing software to eliminate the background and adjust settings like feathering, key color, and matte cleanup.
Setting Up the Green Screen Workflow 5:18
Josh explains the creation of a 100% green color matte in video editing software, specifying the width and height to be 4k.
He describes layering the green clip underneath the video track and extending it to the same length as the training clip.
Josh mentions the importance of placing additional green color mats to fix any spillover areas and avoid relying solely on the ultra key effect.
He outlines the process of setting in and out points, exporting the clip as an MP4 file, and using Adobe Media Encoder for batch rendering.
Exporting and Adjusting Settings 8:12
Josh details the export settings, including using the h264 codec for high quality and specifying the file type as MP4.
He emphasizes the importance of evenly lighting the green screen for a better key and mentions common issues like wrinkles and folds.
Josh shows how to create a new avatar in Hey Gen or other virtual avatar software, validating the model by reading a code aloud.
He explains the process of uploading source material, validating the camera angle, and retaining 4k footage for higher resolution renders.
Using the Virtual Avatar in Various Productions 11:27
Josh discusses the flexibility of using the virtual avatar in presentations, lectures, and Demos, including mixing with PowerPoint slides and Canvas slides.
He highlights the ability to create unlimited digital doubles and the importance of not checking the AI remove background option.
Josh explains the use of Camtasia's Remove Color effect to key out the green color in the background and the importance of using high-quality settings.
He advises against using proxy footage for making decisions about green screen settings and emphasizes the need for maximum quality settings in video editing software.
Final Steps and Infinite Possibilities 14:54
Josh concludes by mentioning the infinite possibilities of the workflow, including creating presentations directly inside Hey Gen.
He discusses integrating with Canva for timed slide changes and animations, and the option to check the background removal button for a transparent background.
Josh reiterates the importance of using the method shown in the video to achieve 4k production quality, even if it requires a more expensive plan.
He wraps up the Demo, encouraging viewers to explore the various applications and approaches for their virtual avatars.
Keywords: batch, avatar, digital-double, production, lighting, setup, color, correction, video, editing, project, HeyGen, encoder
In this tutorial, Josh Lomelino Demonstrates a comprehensive workflow for efficiently batch producing multiple virtual avatars with consistent lighting and color quality. Viewers will learn how to set up precise video editing project settings, create a master sequence with multiple camera angles, and use Adobe Media Encoder to render individual clips for avatar training. The technique allows content creators to scale their avatar production, quickly export multiple versions of their digital doubles, and maintain a well-organized project structure that enables future edits and refinements. By following this method, users can streamline their avatar creation process, saving significant time and producing high-quality, professional virtual representations.
In this tutorial, Josh Lomelino Demonstrates a comprehensive workflow for efficiently batch producing multiple virtual avatars with consistent lighting and color quality. Viewers will learn how to set up precise video editing project settings, create a master sequence with multiple camera angles, and use Adobe Media Encoder to render individual clips for avatar training. The technique allows content creators to scale their avatar production, quickly export multiple versions of their digital doubles, and maintain a well-organized project structure that enables future edits and refinements. By following this method, users can streamline their avatar creation process, saving significant time and producing high-quality, professional virtual representations.
Following are the key things you will be able to do after you watch this Demo:
Configure video editing project settings to match camera specifications
Create a systematic numbering and organization system for avatar sequences
Set up multiple camera angles within a single project
Use Adobe Media Encoder to batch render avatar clips
Export individual video files for virtual avatar training
Implement color correction and LUT modifications across multiple clips
Organize project files for efficient content production
Develop a scalable workflow for mass avatar creation
Troubleshoot and remove performance anomalies in avatar recordings
Back up and preserve digital asset production files
Setting Up Lighting and Color Values 0:08
Josh Lomelino explains the importance of setting up lighting and color values once to achieve consistent results over time.
He emphasizes the need to test lighting and color values before batch producing a group of avatars.
Josh mentions the flexibility to make further adjustments later using L, U, T color modifications or color correction tools.
The workflow allows for the efficient production of 10 to 50 avatars, ensuring visual polish from the start.
Consistency in Project Settings 1:42
Josh highlights the necessity of matching video editing project settings to the specifications of the recording camera.
He provides an example of setting up a project for a Logitech 4k camera and ensuring consistency in frame size and frame rate.
Josh advises checking file properties to extract frame size and frame rate if unsure.
Consistency in project settings is crucial for mass producing different clips.
Creating a Master Sequence 2:59
Josh sets up a master sequence to serve as a template for duplicating sequences as needed.
He uses a clear numbering system for sequences, labeling each avatar with a specific outfit and camera angle.
Examples include Avatar 001, DIRECT address, no hands, and Avatar 0013, quarter view.
Josh organizes sequences in a dedicated folder called a bin for project organization.
Batch Rendering with Adobe Media Encoder 4:56
Josh explains the process of adding clips to a Batch Render Queue using Adobe Media Encoder.
He selects in and out points for each camera angle, creating dedicated files for each angle.
Josh configures the encoder to render only the specified in and out range on the timeline.
Each camera angle should be exported as an individual MP4 file, specifying the folder location and file name.
Finalizing and Organizing Project Files 6:40
Josh emphasizes the importance of organizing project files, including original source files, rendered clips, and project files.
He advises saving the video editing project frequently as a fail-safe for future edits.
Josh highlights the need to review source footage for any performance anomalies and correct them.
The workflow allows for the removal of outdated avatars and recreation without problematic movements.
Backing Up and Scaling Content Production 8:25
Josh frequently backs up his entire project folder by compressing it into a zip file for disaster recovery.
He mentions the time investment upfront to create polished assets and resolve hiccups.
Josh advises starting with manual methods and gradually scaling to more advanced techniques.
The well-organized project structure saves time, enables content production scaling, and supports high-performance results.
Keywords: Automated, performance, audio, file, high-quality, microphone, digital, avatar, recording, Camtasia
Automate Performances from Audio
Learn how to create a professional automated performance using digital avatars by recording high-quality audio and seamlessly integrating it with a virtual presenter. This technique allows you to transform audio recordings into engaging video content, whether from live presentations, scripts, or screen recordings. You'll discover how to export audio files, align a digital avatar's movements, and use chroma key technology to place your virtual presenter on any background. By mastering this workflow, you can produce polished, context-rich video dem
Following are the key things you will be able to do after you watch this Demo:
Record high-quality audio using professional recording software
Export audio files in multiple formats (WAV and MP3)
Upload audio recordings to a digital avatar platform
Align digital avatar movements precisely with audio tracks
Render video performances from audio recordings
Remove background using chroma key techniques
Integrate digital avatars into various visual backdrops
Repurpose existing audio from presentations or Demos
Create automated video content without on-camera performance
Optimize audio files for different digital platforms
Creating an Automated Performance Using Audio 0:08
Josh Lomelino explains two options for creating an automated performance: using a text-to-speech generated audio file or recording the performance using a high-quality microphone.
He emphasizes that recording with a high-quality microphone yields the best results and will Demonstrate this method in the Demo.
Josh mentions that the next Demo will cover creating a fully automated performance using text, automating the entire process from audio capture to video production.
He notes that while the automated process is efficient, it may not match the quality of a live performance.
Preparing and Exporting Audio Recordings 1:09
Josh discusses the importance of using a high-quality audio file for the best results and mentions uploading the audio recording to a digital avatar.
He explains the need to export an uncompressed WAV file and an MP3 file optimized for web use, highlighting the importance of having both options ready.
Josh typically records his audio directly into Camtasia, which he finds to be the fastest way to capture high-quality audio for quick editing.
He Demonstrates how to export a local file and choose between saving it as a WAV or MP3 file, noting that other audio editing tools can also be used.
Generating Video Performance with Digital Avatar 2:29
Josh explains the process of generating a video performance by dragging and dropping the audio file into the project and adjusting the start and end times of the digital avatar.
He mentions exporting the production to render the performance into an MP4 file and downloading it into the project.
Josh highlights the use of the chroma key or ultra key function to remove the background and seamlessly integrate the digital avatar into any backdrop.
He provides examples of using this technique for reading from a script, repurposing audio from live presentations, and creating matching visuals with on-camera performances.
Combining Performance Modalities and Future Demos 3:54
Josh discusses the challenges of managing all three performance modalities (screen recording, audio, and digital avatar) simultaneously and the importance of practicing beforehand.
He explains how to export the audio from a Demo, generate a digital avatar, and overlay it onto the video, showing the versatility of combining these elements.
Josh mentions upcoming Demos that will cover generating audio using generative AI from text alone, creating a fully automated workflow.
He will also Demonstrate automating the creation of slides and the precise timing of each slide's animation, allowing for a completely hands-free production system.
Keywords: Automated, performance, text, video, Otter, AI, voice, clone, Eleven Labs, HeyGen, audio, multilingual
In this video, Josh Demonstrates how to create fully automated video performances directly from text using tools like Otter AI, 11 Labs, and HeyGen. Viewers will learn how to generate high-quality voice clones, prototype video scripts, and produce professional-looking content with minimal effort by leveraging AI-powered voice and video generation technologies. The workflow allows content creators to transform written or spoken text into polished video presentations quickly and efficiently. By following Josh's method, users can generate multiple video iterations, edit audio precisely, and create digital avatars that replicate their voice and performance with remarkable accuracy.
In this video, Josh Demonstrates how to create fully automated video performances directly from text using tools like Otter AI, 11 Labs, and HeyGen. Viewers will learn how to generate high-quality voice clones, prototype video scripts, and produce professional-looking content with minimal effort by leveraging AI-powered voice and video generation technologies. The workflow allows content creators to transform written or spoken text into polished video presentations quickly and efficiently. By following Josh's method, users can generate multiple video iterations, edit audio precisely, and create digital avatars that replicate their voice and performance with remarkable accuracy.
Following are the key things you will be able to do after you watch this Demo:
Generate video scripts from transcribed audio using AI tools
Create high-quality voice clones with consistent audio recordings
Prototype video content using free and paid AI platforms
Optimize voice training for digital avatars
Manage content production across multiple AI environments
Edit audio tracks with minimal credit consumption
Develop a systematic workflow for automated video creation
Replicate personal performance using digital voice technology
Transform text-based content into professional video presentations
Implement cost-effective strategies for video and audio generation
Creating a Fully Automated Performance from Text 0:08
Josh Lomelino explains the process of creating a fully automated performance directly from text, including generating audio prompts using Otter AI.
He describes how he brainstorms ideas while walking and exports the subtitle transcript file, SRT, to process it with AI tools like Claude or ChatGPT.
Josh mentions breaking up long scripts into manageable blocks of 1800 characters and generating a year's worth of content for various platforms.
He emphasizes the use of text, whether written manually or spoken and transcribed, to craft a video script using two primary methods.
Generating High-Quality Voice Clones 1:51
Josh discusses creating a high-quality voice clone using 11 Labs, initially finding the results artificial but later perfecting the settings.
He highlights the importance of using a consistent audio clip for training the voice digital double, ideally around three hours of spoken audio.
Josh explains the challenges of recording consistently for three hours and how he stitches together previous Demo recordings to create a large audio clip.
He stresses the need for meticulous tracking of audio settings to ensure uniformity and avoid sudden changes in volume or tonal quality.
Optimizing Audio Recording for Consistency 3:36
Josh shares his experience of recording multiple live sessions with an audience, which infused the audio with personality and energy.
He explains the importance of having consistently dialed-in audio for generating a high-quality performance, as the AI listens to everything in the audio track.
Josh mentions the time and cost involved in using 11 Labs, which can take up to six to eight hours to analyze a voice and build a model.
He advises against using cheaper models, such as the multilingual version one model or turbo 2.5, and recommends upgrading to the multilingual version two model for better results.
Using Hey Gen for Cost-Effective Prototyping 5:35
Josh introduces Hey Gen as an alternative for creating generative content when 11 Labs burns through credits too quickly.
He explains how he trains Hey Gen on his voice by uploading a 10 to 15-minute audio clip and generates unlimited videos for free, depending on the subscription plan.
Josh describes the process of creating prototypes, making real-time adjustments to the script, and rendering multiple takes.
He mentions using his phone in split screen mode while walking to make adjustments on the fly and then copying and pasting the revised script into Hey Gen.
Switching Between Hey Gen and 11 Labs 7:44
Josh explains how he can switch the voice in Hey Gen to the high-quality production voice in 11 Labs with a click of a button.
He highlights the downside of using Hey Gen, which is the risk of losing all credits if there are issues with the audio track in the final video.
Josh prefers using the Studio tool in 11 Labs for targeted editing, which allows regenerating just portions of the audio without redoing the entire clip.
He mentions the benefit of being able to download the WAV file and MP3 file from the Studio tool in 11 Labs as a fail-safe.
Organizing Video Production Phases 9:21
Josh describes his workflow of treating production as two phases: the cheap, free voice phase and the final phase.
He explains the process of pasting the text directly into the Hey Gen editor, listening to the prototype, and resolving issues before creating a new file in Hey Gen.
Josh organizes his videos into two folders: a prototype folder and a final folder, for easy organization of his methods.
He mentions using the multilingual version two model for cost-effective throwaway tests and training his voice with Hey Gen for free prototyping.
Leveraging Digital Doubles for High-Quality Videos 10:34
Josh shares how he uses his digital doubles to replicate a performance of his voice and generate a corresponding video composite.
He explains how he creates a script using Otter AI during a walk, copies and pastes it into his automated workflow, and produces a high-end video with minimal effort.
Josh highlights the benefits of this workflow, which allows him to deliver excellence without skipping a beat, even when small inconsistencies would have derailed the process before.
He concludes by mentioning the next steps in the following videos, which will cover adding automated visual elements on screen behind the virtual avatar.
Keywords: AI, Claude, Chat GPT, brainstorming, video, script, otter, SRT, transcription, generative audio, bulk export, workflow
Generate Ideas with Otter and Claude
Josh Demonstrates how to use AI tools like Otter AI, ChatGPT, and Hey Gen to quickly transform brainstorming transcripts into polished video scripts. By leveraging AI's capabilities, creators can capture their ideas, generate scripts, and create content with minimal manual editing. The workflow allows users to convert spoken thoughts into text, refine the script through AI assistance, and produce a final video with a digital avatar or voice clone. Viewers will learn a streamlined process for content creation that dramatically reduces production time and enables rapid, creative video generation.
Following are the key things you will be able to do after you watch this Demo:
Capture brainstorming ideas using Otter AI transcription
Export SRT files from recorded thoughts
Convert raw transcripts into structured video scripts
Leverage AI tools to refine and edit content automatically
Break down long scripts into manageable character blocks
Identify and correct potential AI pronunciation challenges
Generate video scripts with minimal manual editing
Prepare scripts for digital avatar or voice clone production
Batch process multiple transcripts simultaneously
Create content at scale using AI-assisted workflows
Using AI Tools for Content Creation 0:09
Josh Lomelino explains how AI tools help him capture ideas and generate content directly from brainstorming sessions.
He uses Otter AI to record his thoughts verbatim, which he then exports as an SRT file for transcription.
The SRT file contains every word spoken along with time codes, making it easy to generate a full video script.
Josh leverages AI tools like 11 Labs and Hey Gen to produce audio and video content from the transcribed text.
Generating Video Scripts from Transcripts 2:00
Josh describes the process of generating a video script from the transcribed text using AI tools.
He explains the difference between having a clear plan and a vague notion for the script.
The AI can capture random ideas and generate multiple scripts within the Otter AI application.
Josh then uses tools like Claude AI or ChatGPT to expand and refine the generated scripts.
Collaborative Writing with AI 2:35
Josh aims to create a video script that his digital double can read aloud, reducing the need for extensive editing.
He explains the collaborative writing process between himself and AI tools to generate drafts and revisions.
The ultimate goal is to use AI to create a polished video script without spending hours on manual editing.
Josh emphasizes the importance of spending time to perfect the AI prompting process.
Workflow for Converting SRT Files 3:51
Josh Demonstrates the workflow for converting an SRT file into a video script using Otter AI and Notepad.
He highlights the importance of checking the prompts document for time-saving methods.
Josh explains two methods for creating video scripts: word-for-word transcription and general direction.
He provides detailed prompts for ChatGPT to convert SRT files into 1800-character blocks.
Handling Rough Brainstorming Transcripts 7:40
Josh discusses handling rough brainstorming transcripts that require more assistance from AI tools.
He explains the need to be mindful of checking each word when using AI to generalize the transcript.
Josh provides a prompt for ChatGPT to convert the SRT file into a video script and fix grammatical issues.
He emphasizes the importance of ensuring the script is readable by the AI digital double.
Challenges with AI-Generated Scripts 10:06
Josh mentions potential challenges with AI-generated scripts, such as mispronunciation by the digital double.
He explains the time-consuming process of manually correcting AI-generated scripts.
Josh introduces a prompt for a cleanup pass to automatically correct readability issues.
He advises copying and pasting the corrected script into the video script document for backup.
Finalizing the Video Script 12:23
Josh explains the final steps of rendering the script as a prototype using a free voice clone.
He advises listening to the playback and adjusting the script for pronunciation issues.
Once satisfied with the prototype, the final audio can be generated using tools like 11 Labs.
The final audio clip can then be uploaded to a virtual avatar software for the final on-screen performance.
Batch Processing Multiple SRT Files 13:21
Josh highlights the option to bulk export multiple SRT files from the Otter AI app for time savings.
He explains how this process can be applied to a whole folder of SRT files.
This method allows for the creation of massive amounts of content quickly and easily.
Josh concludes the Demo by encouraging viewers to try the process for themselves.
Keywords: AI, transcription, video, Bloom's Taxonomy, metadata, learner outcomes, content, table, contents, time, codes, interactive chapters, prompts
Learn how to transform lengthy video content into easily digestible, learner-friendly resources using AI technology. This tutorial Demonstrates how to automatically generate comprehensive text information including descriptions, educational outcomes, and detailed summaries directly from video transcripts. By utilizing tools like Otter AI and Anomaly Amp, you'll discover a streamlined method to create navigation cues, time-coded summaries, and interactive chapters that enhance viewer understanding and engagement. The process requires minimal manual effort while providing maximum value for learners seeking to quickly grasp the key points of extended video content.
Learn how to transform lengthy video content into easily digestible, learner-friendly resources using AI technology. This tutorial Demonstrates how to automatically generate comprehensive text information including descriptions, educational outcomes, and detailed summaries directly from video transcripts. By utilizing tools like Otter AI and Anomaly Amp, you'll discover a streamlined method to create navigation cues, time-coded summaries, and interactive chapters that enhance viewer understanding and engagement. The process requires minimal manual effort while providing maximum value for learners seeking to quickly grasp the key points of extended video content.
Following are the key things you will be able to do after you watch this Demo:
Analyze the process of using AI tools to generate comprehensive video metadata
Generate automated transcripts and summaries using Otter AI
Create detailed video descriptions and educational outcomes with minimal manual effort
Extract key thematic points and time-coded sections from video content
Implement interactive chapters and navigation cues in video presentations
Transform lengthy video Demonstrations into learner-friendly, easily navigable resources
Generating Text Information for Video Content 0:09
Josh Lomelino introduces the purpose of the video: to show how to generate text information to support video content.
He explains the challenges of long videos and the time-consuming process of creating a manual table of contents.
Josh suggests using AI to automatically generate contextual and navigation cues for viewers.
He outlines the four main cues for learners: description, outcomes, table of contents, and interactive chapters.
Using Otter AI App for Transcription 1:40
Josh explains the process of using the Otter AI app to generate a transcript of a finished video.
He details the steps of dragging and dropping the video file into the Otter user interface for transcription.
Once the transcription is complete, Josh shows how to access the Summary tab to extract the table of contents.
He emphasizes the importance of the Summary tab in providing thematic breakdowns and time ranges.
Creating Descriptions and Educational Outcomes 3:44
Josh Demonstrates how to generate a three to four sentence description using AI prompts in Otter.
He explains the process of copying and pasting the description into the Anomaly Amp system.
Josh highlights the importance of providing a list of educational outcomes for learners.
He shows how to use AI prompts to generate a list of outcomes based on the training script.
Formatting and Organizing Content 4:53
Josh provides tips on formatting the content in the Anomaly Amp system.
He suggests making the time codes appear as text summaries and setting them as heading two (h2) in bold.
Josh explains how to create a clear message under the outcomes heading to guide learners.
He recommends using either a numbered or bulleted list for the outcomes.
Finalizing the Detailed Summary 5:28
Josh completes the detailed summary by including time codes for each item in the video.
He reiterates that the process requires minimal manual work and produces valuable content for learners.
Josh mentions the importance of reviewing training on Bloom's Taxonomy for proper verb usage in AI tools.
He offers supplemental files to help train AI tools to use the correct verbs for the level of learning.
Introduction to Interactive Table of Contents 6:18
Josh announces the next video, which will cover the fourth component: the interactive table of contents.
He explains that this component converts the table of contents into interactive chapters in the video.
Josh highlights the benefits of this feature for users on various devices.
He promises to show the process of creating interactive metadata in the next video.
Keywords: Interactive chapters, video, chapters, AI, tools, Vimeo, Portal, Anomaly AMP, metadata
Generate Video Chapters with AI
Learn how to transform your educational videos by adding interactive chapters using Vimeo and Otter.ai. This tutorial will guide you through the process of creating an enhanced video learning experience with an interactive table of contents. You'll discover how to easily add precise chapter markers that allow learners to navigate directly to specific sections of your video. By the end of this Demonstration, you'll be able to create a more engaging and user-friendly video interface that improves learner interaction and comprehension.
Following are the key things you will be able to do after you watch this Demo:
Navigate the Vimeo portal to upload and edit video content
Activate AI-powered chapter generation tools
Compare and replace automatic chapters with precise, manually curated chapters
Integrate Otter.ai transcript information into Vimeo's chapter interface
Create an interactive table of contents for educational videos
Enhance video learning experiences with precise, clickable chapter markers
Implement metadata components that improve learner engagement and navigation
Adding Interactive Chapters to Videos 0:09
Josh Lomelino explains the process of creating an interactive table of contents in the video player using two AI tools.
The first step involves logging into the Vimeo Portal using provided credentials and uploading the video through Anomaly Amp.
Users should navigate to the interactivity section in the main toolbar, activate the AI chapters tool, and wait for Vimeo to generate initial chapters.
Josh recommends using Otter's chapter information for more accuracy and precision, as Vimeo's automatic chapters may not be as effective.
Editing and Saving Chapters 2:13
Josh suggests loading the chapter information from Otter and copying and pasting it into the Vimeo interface.
Users need to add a chapter name and time code for each chapter, which can be derived from Otter's transcript.
It's crucial to save the transcript information to ensure it stores correctly in the Vimeo dataset.
Josh advises refreshing the page in Anomaly Amp after saving to confirm the chapters are present.
Finalizing and Publishing the Video 3:45
Once all chapters are added and saved, users should publish the video to make it available to learners.
The published video will include a description, learner outcomes, a table of contents, and an interactive table of contents.
This setup allows learners to interact with the content while viewing the video in picture-in-picture mode.
Josh concludes the Demo by emphasizing the immersive learning experience created by the interactive table of contents.
Keywords: Automation, AI-generated, content, slides, video background, SRT, transcript
Automate Slide Data Creation
In this Demo, Josh Lomelino reveals a powerful workflow for automating on-screen elements and slide creation using AI tools. Viewers will learn how to transform a transcript into a fully automated slide deck by leveraging AI platforms like Claude and ChatGPT to generate inspirational content with precise timing. The technique allows content creators to automatically generate slide content, export it to a CSV file, and prepare for seamless PowerPoint or Canvas slide production. By following this method, users can save significant time in presentation creation and eliminate manual slide transitions.
Following are the key things you will be able to do after you watch this Demo:
Generate automated slide content using AI transcription tools
Extract precise time codes from transcripts for slide transitions
Transform raw transcripts into structured slide presentations
Use AI prompts to create inspirational and motivational slide copy
Convert slide data into JSON and CSV formats
Automate slide creation across multiple platforms (PowerPoint, Canvas)
Optimize slide timing and pacing for engaging presentations
Leverage AI tools to reduce manual presentation development time
Export transcription data for seamless content repurposing
Create consistent and professional slide decks without manual intervention
Automating On-Screen Elements with AI 0:09
Josh Lomelino introduces the Demo, focusing on automating on-screen elements for lectures or Demos.
He explains the use of AI-generated voice, digital double avatar, and automated slide content.
Josh emphasizes the importance of the vocal track in automating the entire performance.
He mentions using either an SRT file or transcription tools like Otter AI or Loom for accurate time codes.
Using Loom for Precise Time Codes 1:24
Josh advises using Loom for more accurate time codes compared to Otter AI.
He explains the challenges of automating slide transitions and the importance of precise time codes.
Josh Demonstrates how to export the SRT file and use it for automating slide transitions.
He highlights the need for accurate time codes to avoid manual recording and timing issues.
Generating Slide Content with AI 4:38
Josh shows how to use Claude AI to generate slide content based on the SRT file.
He explains the process of copying the SRT file into memory and using AI prompts to generate slide content.
Josh suggests making the slide content inspirational and motivational.
He emphasizes the importance of comparing and mixing AI-generated content to get the desired outcome.
Adjusting Slide Transition Timing 6:10
Josh discusses the importance of slide transition timing and how it affects the video's pacing.
He suggests using a fixed number of slides and adjusting the transition timing based on the video's feel.
Josh explains how to increase or decrease the number of slides while maintaining the conversational tone.
He highlights the need for accurate time codes to ensure smooth slide transitions.
Handling Time Code Issues 8:13
Josh addresses potential issues with time codes and suggests using Loom for more accurate data.
He explains how to adjust the number of slides based on the video's length and transition timing.
Josh provides prompts for asking AI tools to generate the correct number of slides and time codes.
He emphasizes the importance of accurate time codes for automating slide transitions.
Exporting Slide Data to Excel 12:53
Josh shows how to export the slide data to an Excel file from AI-generated JSON data.
He explains the process of copying and pasting JSON data into an Excel file.
Josh suggests using a fail-safe strategy if the direct export method doesn't work.
He highlights the importance of having a clean data source for generating slides automatically.
Transforming JSON Data to CSV 13:59
Josh Demonstrates how to transform JSON data into a CSV file using ChatGPT.
He explains the process of copying JSON data into ChatGPT and generating a CSV file.
Josh provides prompts for handling issues with special characters and ensuring clean data.
He emphasizes the importance of having a CSV file for automating PowerPoint or Canvas slides.
Final Steps for Automating Slides 18:03
Josh explains how to use the CSV file to generate PowerPoint or Canvas slides automatically.
He highlights the power of having all the necessary data for automating the presentation.
Josh mentions that the next Demo will cover generating PowerPoint and Canvas slides in detail.
He concludes the Demo by summarizing the key steps and the benefits of automating the presentation process.
Re-order Items
Once you complete this video, you’ll be able to confidently reorder classes, units, and individual content items within your content management system. You’ll learn how to move items, folders, and entire classes to customize the sequence of your content with just a few clicks. The Demo shows how to update the order both during content creation and after the fact, ensuring your workflow stays organized and flexible. By mastering these tools, you’ll have full control over the structure and flow of your content.
Following are the key things you will be able to do after you watch this Demo:
Reordering Content Items 0:10
Josh Lomelino explains the ability to reorder classes, units, and content, emphasizing the flexibility to sequence content.
Users can reorder content items within a folder (unit) or move entire folders and classes.
The process of reordering content involves specifying an order number for new items or leaving it blank for automatic placement at the end of the unit.
Users can reorder content items by selecting a class, navigating to a unit, and using the "reorder content" feature.
Shuffling Content Items 2:49
Josh Demonstrates how to shuffle content items within a unit by selecting specific items and reordering them.
He creates a screenshot as a reference to ensure he can revert changes if needed.
The interface allows users to move items to different positions, with a zero indicating the first position in the sequence.
Accidental duplicates are handled by the system, ensuring a sequential process and proper reordering.
Refreshing and Verifying Changes 4:48
Josh refreshes the page to verify that the reordered content items are in the correct sequence.
He Demonstrates the process of reordering content items in a different class to show the flexibility of the system.
Users can modify the order number of content items directly or use the "reorder content" feature for more control.
The system automatically updates the order of content items, ensuring a seamless reordering process.
Reordering Units 6:18
Josh explains how to reorder units within a class, using the "reorder units" feature.
He Demonstrates moving a unit to a different position in the sequence, with all related content items moving accordingly.
The process involves selecting a class, navigating to the desired unit, and reordering the units.
Users can update the sequence of units to better organize their content flow.
Handling Class Reordering 7:49
Josh mentions the need to reorder classes only if the home page of classes requires a different sequence.
The process of reordering classes is similar to reordering units and content items.
Users can update the order of classes to reflect their preferred sequence.
The system provides flexibility in managing the flow of content, units, and classes.
Summary and Next Steps 8:43
Josh summarizes the various ways to reorder content, units, and classes, emphasizing the flexibility of the system.
He concludes the Demo by mentioning the next topic, which is about locking and unlocking content.
The Demo aims to showcase the powerful automation and flexibility of the content management system.
Users are encouraged to explore the different features to optimize their content organization and workflow.
Locking and Unlocking Content
After completing this video, viewers will understand how to lock and unlock class content by adjusting login and payment requirements. They will learn how to make classes accessible only to logged-in users, and optionally require payment for access. The video Demonstrates how to easily update these settings for any class using a straightforward interface. By the end, users will be able to control who can view or participate in class content based on their login and payment status.
Following are the key things you will be able to do after you watch this Demo:
Locking and Unlocking Content Overview 0:10
Josh Lomelino explains the purpose of the Demo, which is to Demonstrate how to lock and unlock content.
He mentions that content can be hidden or made accessible only to logged-in users, with additional conditions like requiring payment.
The process involves managing access at the class level, where each class contains units, content items, and resources.
Josh emphasizes that the class itself needs to be modified to control access to its content.
Modifying Class Settings for Access Control 1:05
Josh Demonstrates how to modify a class, using the example of the coding Academy.
He sets "login required" to true to mandate that users must log in to access the class.
Josh explains the option to specify whether payment is required, either as a one-time payment or a recurring subscription.
He clarifies that if payment is not required, users can log in but do not need to pay, making the class free but still requiring a login.
Handling Payment and Access Permissions 1:57
Josh discusses the settings for blocking users without active payment.
If payment is not required, he sets this option to false to allow free access to logged-in users.
For paid classes, he sets this option to true to ensure that users must have an active payment to access the content.
He explains that the system checks if the payment is up to date, especially for recurring payments within the subscription period.
Finalizing and Applying Access Settings 2:31
Josh concludes by explaining that once the changes are applied and submitted, users will need to adhere to the new access settings.
He reiterates that these settings control whether a login is required and if payment is necessary.
The process allows for managing various access permutations through a simple user interface.
Josh emphasizes that these settings will be enforced when users attempt to access any content within the modified class.
Video Manager Component
After completing this video, viewers will be able to confidently upload and organize videos using the AMP Video Manager Component. They will learn how to tag and categorize content for easy searching, modify video details, and utilize advanced features like custom thumbnails and player button settings. Additionally, viewers will understand how to manage video metadata, optimize playback quality, and access analytics to track video performance. This empowers users to efficiently manage and enhance their video content within the platform.
Following are the key things you will be able to do after you watch this Demo:
Video Manager Component Overview 0:08
Josh Lomelino introduces the video manager component, explaining its accessibility from both the end user's perspective and the backend.
He highlights the interactive chapters, x-ray search functionality, and closed captions capabilities.
The video manager supports various video resolutions, including 4K, 8K, and 360-degree videos, and offers a picture-in-picture feature.
Josh explains the ease of uploading videos through drag-and-drop, mentioning the automatic handling of transcripts and video resolutions on the backend.
Tagging and Metadata Management 2:23
Josh Demonstrates the tagging system, which allows organizing videos into categories for easier management.
He explains the process of adding tags to videos, emphasizing the importance of tagging for advanced searches.
The metadata management includes naming, describing, and tagging videos before uploading the MP4 file.
Josh highlights the importance of uploading the highest resolution video, which will be transcoded into multiple versions for adaptive playback.
Transcoding and Video Quality Adaptation 5:49
Josh describes the transcoding process, where the highest resolution video is converted into multiple versions for different connection speeds.
He explains how the player automatically selects the best quality based on the user's connection speed.
The transcoding process ensures that the video adapts to the user's playback capabilities, enhancing the viewing experience.
Josh Demonstrates the successful upload of a video and the subsequent changes in the user interface.
Advanced Features and Multilingual Support 9:21
Josh mentions future Demos that will cover advanced features like multiple language support for transcripts and videos.
He explains the ability to switch out videos by modifying content and using the select video feature.
The advanced search functionality allows filtering videos by tags and specific words, making it easier to find content.
Josh emphasizes the importance of categorization and organization for managing large video libraries.
Customization and Player Settings 12:00
Josh discusses the customization options for thumbnails, player buttons, and embedding restrictions.
He explains how to upload custom thumbnails and the availability of templates for creating professional-looking thumbnails.
The player settings allow customizing social media engagement features and restricting where the video can be embedded.
Josh highlights the flexibility in setting video visibility, from public to private, and the impact of these settings on the video's accessibility.
Full Screen Video Manager 12:14
Josh introduces the Full Screen Video Manager, which provides a comprehensive view of video management.
The Full Screen Video Manager allows uploading videos, managing metadata, and adding tags directly from the full-screen interface.
He explains the process of creating content again to ensure the new video appears in the search process.
The manager also allows modifying tags and thumbnails for existing videos, enhancing the flexibility of video management.
Analytics and View Tracking 17:13
Josh Demonstrates the ability to track the number of views for each video, providing valuable analytics data.
He explains how the analytics data can be used to monitor the performance of embedded content on other platforms.
The tracking feature ensures that all views are accounted for, even when the video is embedded on external sites.
Josh emphasizes the importance of using this data to optimize the video manager component and improve the user experience.
Final Thoughts and Summary 21:05
Josh summarizes the key features and functionalities of the video manager component.
He reiterates the ease of uploading and modifying videos, as well as the automatic handling of metadata and video resolutions.
The advanced search and tagging features are highlighted as powerful tools for managing large video libraries.
Josh concludes by emphasizing the flexibility and scalability of the video manager component, making it a versatile tool for various content management needs.
This welcome video guides your through a comprehensive, actionable UX design process that transforms innovative ideas into market-ready products. Viewers will learn how to uncover customer pain points, develop clear user personas, and rapidly iterate prototypes using Lean UX principles. The session Demonstrates how to map out product strategies, conduct usability testing, and seamlessly prepare for product launch. Whether you’re a founder, designer, or product manager, this Demo equips you with the tools to accelerate time-to-market and deliver a superior user experience.
This welcome video guides your through a comprehensive, actionable UX design process that transforms innovative ideas into market-ready products. Viewers will learn how to uncover customer pain points, develop clear user personas, and rapidly iterate prototypes using Lean UX principles. The session Demonstrates how to map out product strategies, conduct usability testing, and seamlessly prepare for product launch. Whether you’re a founder, designer, or product manager, this Demo equips you with the tools to accelerate time-to-market and deliver a superior user experience.
After completing this video, viewers will understand a proven, step-by-step UX design process that turns innovative ideas into market-ready products with efficiency and clarity. They will be equipped to map out customer pain points, prioritize features, and create user personas that drive actionable insights. The video empowers participants to build and refine rapid prototypes, conduct usability testing, and confidently guide products toward a successful launch. By following this process, viewers can accelerate time to market and deliver a seamless, customer-focused experience.
Following are the key things you will be able to do after you watch this Demo:
Introduction to UX Design Process 0:00
Josh Lomelino introduces himself and expresses excitement about showcasing user experience design examples.
He emphasizes the importance of the Lean UX approach, which transforms innovative ideas into market-ready products efficiently.
The focus is on Demonstrating the power and flexibility of their UX design process through various phases.
Josh mentions that he will show UX prototypes to illustrate each phase in context.
Phase One: Building the Foundation for Innovation 0:41
Josh explains that the first phase involves a deep dive into understanding the key questions about the product.
The goal is to identify customer and business pain points and map out the vision.
This phase involves a forensic exploration of customer pain points and proposing solutions.
The outcome is a laser-focused blueprint that transforms abstract concepts into actionable insights.
Phase Two: Execution Strategy and Rapid Ideation 1:48
In this phase, the focus is on turning insights into a rapid ideation process.
The team visualizes the customer experience and creates an actionable roadmap.
Detailed customer experience mapping is performed for strategic feature prioritization.
The approach is agile, allowing for a dynamic roadmap that adapts and evolves.
Phase Three: Product Leadership and Strategic Alignment 2:34
Josh describes this phase as connecting strategic dots to ensure every feature aligns with business objectives.
The product team and UX team become strategic partners, aligning product vision with business objectives.
The outcome is a unified strategic narrative and the basis for an actionable project plan.
The team starts building the product and approaches the MVP stage.
Phase Four: Pre-MVP Development and Product Reconnaissance 3:14
This phase involves identifying potential barriers before building the rapid prototype.
Product and technical reconnaissance is critical for success, uncovering technological limitations and design challenges.
The goal is to prevent future roadblocks and identify technology opportunities.
The team finalizes the pre-MVP development, ensuring a smooth transition to the next phase.
Phase Five: UX Design and Persona Development 4:03
Josh highlights the importance of user experience research in this phase.
The team creates detailed customer scenarios, mapping each pain point to specific system features.
The focus is on translating user research into detailed personas for rapid prototyping.
This phase brings interfaces to life with precision and continuous iteration.
Phase Six: Building the Rapid Prototype 4:47
The team transitions from paper sketches to interactive wireframes, moving from low to high fidelity.
Continuous feedback is gathered at each key point of the process, making adjustments as needed.
The goal is to go from imagination to a tangible experience, seamlessly integrating business logic into interface solutions.
The team progressively refines the prototype, ensuring it meets user needs and business objectives.
Phase Seven: Usability Testing and Continuous Refinement 5:27
Usability testing is conducted with continuous feedback and multiple rounds of revisions.
The focus is on continuous user experience refinement and evidence-based design solutions.
The team aims to hit the bullseye together, ensuring the product meets user needs and business objectives.
The process involves systematic improvement, leading to a polished final product.
Phase Eight: Finalizing Visual Design and Product Identity 5:49
Once the user experience is locked in, the team develops comprehensive style guides.
The goal is to create a comprehensive brand experience, going beyond aesthetics.
The development team gains a clear understanding of the visual voice of the product.
The team defines icons, typography, color, and user interface consistency.
Phase Nine: Design and Documentation for Development 6:35
As the project nears the end, the team prepares technical specifications and development guidelines.
The focus is on creating a seamless handoff to the development team.
The team provides technical blueprints and detailed implementation guidelines.
The goal is to ensure a smooth transition to development and preparation for launch.
Phase Ten: Launch and Final Transformation 6:57
The final phase involves transforming the prototype into a live product.
The team helps with the MVP launch, either using the client's development team or their tech stack.
The team provides all final specifications and the digital prototype from prior steps.
Clients can optionally choose to accelerate their time to market by leveraging the SAS MVP accelerator.
Conclusion and Call to Action 8:41
Josh emphasizes the importance of transforming concepts into reality.
The team has invested over 15,000 hours developing a framework that reduces front-end development time.
The mobile-first responsive architecture offers instant scalability and reduced technical complexity.
The team offers to partner with clients to augment design and technology efforts, ensuring a successful launch.
Unlock the secrets to creating a winning product by mastering the art of problem identification, stakeholder mapping, and innovative solution design. This Demo guides you through defining high-impact “wicked problems,” breaking them into solvable pain points, and transforming insights into powerful features. You’ll learn to harness agile methods, leverage research tools, and build out a minimum viable product that stands out in the marketplace. Step by step, you’ll gain the skills and strategies needed to turn big ideas into real-world success.
Unlock the secrets to creating a winning product by mastering the art of problem identification, stakeholder mapping, and innovative solution design. This Demo guides you through defining high-impact “wicked problems,” breaking them into solvable pain points, and transforming insights into powerful features. You’ll learn to harness agile methods, leverage research tools, and build out a minimum viable product that stands out in the marketplace. Step by step, you’ll gain the skills and strategies needed to turn big ideas into real-world success.
After completing this video, viewers will be able to confidently approach product development by identifying significant "wicked problems" and breaking them down into actionable pain points. They will learn to map stakeholders and use strategies like the 5W method to thoroughly understand issues and the people affected. Equipped with primary research skills and tools for stakeholder and ecosystem mapping, learners will be ready to define a clear path toward building an impactful minimum viable product (MVP). Ultimately, participants will leave with a framework to turn ambitious ideas into organized, actionable project plans.
Following are the key things you will be able to do after you watch this Demo:
Defining the Problem and Initial Steps 0:11
Josh Lomelino discusses the daunting task of starting with a blank white screen and the importance of defining the problem to be solved.
He emphasizes the need for a problem-solving approach, focusing on specific workflow issues like ordering groceries.
The process involves mapping out pain points and converting them into solutions, which become features of the minimum viable product (MVP).
Josh explains the importance of maintaining a product mindset and the continual iterative process of discovery, design, and refinement.
Understanding the Minimum Viable Product (MVP) 2:03
Josh elaborates on the concept of an MVP, describing it as the minimum thing needed for a shippable product.
He highlights the risk of scope creep and the need to focus on essential features.
The development arc is described as a three-step process: discovery, design, and refinement, which repeats continuously.
Josh mentions various forms MVPs can take, including apps, web apps, native apps, games, and books.
Identifying Wicked Problems 4:59
Josh introduces the concept of a "wicked problem," which is complex, interconnected, and has no clear solution.
He explains the criteria for identifying wicked problems, including their complexity and the lack of a clear solution.
The importance of understanding the people affected by the problem is emphasized, with personas being used to define the target audience.
Josh provides examples of wicked problems, such as tracking auto repair warranties and bike repairs.
The 5W Strategy and Stakeholder Identification 8:49
Josh introduces the 5W strategy (who, what, when, where, why) to help identify and solve wicked problems.
He explains the importance of focusing on the people affected by the problem and identifying stakeholders.
Josh provides an example of a receipt tracker app and the various stakeholders involved, such as the end user, the company, and the battery manufacturer.
The process of mapping out stakeholders and understanding their roles is crucial for defining the ecosystem map.
Creating an Ecosystem Map and Using Tools 11:37
Josh discusses the creation of an ecosystem map, which defines the landscape and actors involved in the problem.
He explains the use of tools like Miro and Figma to create prototypes and answer questions from the ecosystem map.
The importance of defining the MVP and building backlogs and agile sprint lists is highlighted.
Josh assigns an action step for participants to come up with five to seven big picture problems and identify stakeholders and pain points.
Research and Data Mining 14:44
Josh emphasizes the need for primary research to validate and refine the identified problems and pain points.
He suggests using AI tools like ChatGPT to search forums and Reddit for discussions related to the pain points.
The importance of being led by interest and passion in solving the problem is reiterated.
Josh concludes the session by encouraging participants to focus on the action steps and start mapping out the problems and stakeholders.
Discover how to take your app idea from concept to high-fidelity MVP with lightning speed in this hands-on Demo! You’ll learn how to organize product requirements, train AI tools using your own user stories, and craft powerful prompts that supercharge no-code and low-code platforms like Lovable and Thunkable. Watch step-by-step as we merge user insights, automate prototype creation, and iterate rapidly to build a functional, customizable app without writing code. Whether you're a founder, designer, or developer, this Demo will empower you to launch better products, faster.
Discover how to take your app idea from concept to high-fidelity MVP with lightning speed in this hands-on Demo! You’ll learn how to organize product requirements, train AI tools using your own user stories, and craft powerful prompts that supercharge no-code and low-code platforms like Lovable and Thunkable. Watch step-by-step as we merge user insights, automate prototype creation, and iterate rapidly to build a functional, customizable app without writing code. Whether you're a founder, designer, or developer, this Demo will empower you to launch better products, faster.
After watching this video, viewers will be able to efficiently structure and document their product ideas, train AI tools with custom user stories and requirements, and generate detailed prompts for building full-featured app prototypes. They'll learn how to merge, organize, and optimize user stories to maximize productivity and reduce costs with AI-driven app builders like Lovable and Thunkable. By following these steps, viewers can rapidly create, customize, and iterate on high-fidelity MVPs, preparing their apps for further refinement and deployment. This workflow empowers users to leverage multiple no-code platforms and streamline their app development from concept to actionable prototype.
Following are the key things you will be able to do after you watch this Demo:
Understanding Pricing and Pre-Composing Chats 0:11
Josh Lomelino explains the importance of understanding pricing in AI apps, emphasizing that credits are tied to prompts and chats.
He advises pre-composing chats in tools like ChatGPT to avoid high costs in apps like Lovable, which charge based on daily credits.
Josh Demonstrates how to go back to prior steps in ChatGPT to train the system on user stories and features.
He highlights the need to ensure the chat is trained universally across all chats, otherwise, it needs to be asked to do so explicitly.
Training and Managing Chats 4:53
Josh discusses the process of training chats on system functionality, using SRT files as an example.
He explains the incremental compounding of work in Lovable, which makes it costly to start chatting without a well-defined prompt.
Josh emphasizes the importance of optimizing the use of credits to avoid high costs, comparing it to the cost of a development team.
He mentions the potential for the browser to choke on large chats and the need to break them into manageable parts.
Merging and Organizing User Stories 7:17
Josh Demonstrates how to merge multiple chats to create a faster and more efficient chat.
He explains the process of outputting user stories as a CSV and the challenges with special characters in CSV files.
Josh suggests exporting as an Excel file to fix formatting issues.
He highlights the importance of incrementally building a pipeline to automate the creation of front-end interface screens.
Enhancing User Stories with Features and Acceptance Criteria 9:36
Josh adds a feature column to the user story backlog, differentiating it from user story language.
He includes acceptance criteria, which helps in testing and identifying the area within the app where the feature would exist.
Josh emphasizes the importance of documenting key wins and moments in a Google Doc for future reference.
He explains the process of comparing the current chat output with a saved Word file to ensure completeness.
Creating a Master Prompt for Lovable 17:44
Josh discusses the process of creating a master prompt for Lovable, which includes context, logical structure, explicit instructions, and adaptive considerations.
He highlights the need for granular detail to get specific UI controls in the prompt.
Josh explains the importance of saving the output as a Google Doc or GitHub repository for version control.
He Demonstrates how to rewrite the master prompt to include all features in one MVP release.
Training Lovable on Documentation 42:48
Josh trains Lovable on the documentation of the tool, which helps in creating a prompt for Lovable.
He explains the process of crawling through the documentation pages and listing the pages learned from.
Josh emphasizes the importance of checking that the AI is actually doing what it claims to do.
He Demonstrates how to extract and summarize recommendations from the AI.
Refining and Customizing the App 45:00
Josh refines and customizes the app by adjusting colors and mastering prompting.
He explains the process of using chat mode to plan additional features like a coach and admin portal.
Josh Demonstrates how to toggle between different device types to test the app on various form factors.
He highlights the importance of iterating on the app to ensure it meets user needs and pain points.
Exploring Different Tools and Integrations 49:51
Josh explores different tools like Thunkable, Bubble IO, Cursor, Replit, Flutter Flow, and Draftbit.
He explains the process of training the AI on the documentation of these tools to create a single prompt.
Josh highlights the importance of integrating tools like Supabase and Airtable for data management.
He emphasizes the need to experiment with different tools to find the best fit for the project.
Finalizing the MVP and Next Steps 1:04:33
Josh finalizes the MVP by ensuring all features are included in the prompt.
He explains the process of exporting the code base and pushing it to GitHub for further development.
Josh highlights the importance of iterating on the app to ensure it meets user needs and pain points.
He explains the next steps of refining and customizing the app, and preparing it for deployment to the app stores.
Discover how to unlock your product’s potential with this hands-on Demo! Learn to identify your audience’s biggest challenges, craft compelling scripts using leading marketing frameworks, and leverage AI-powered tools to create engaging vision videos. Walk away ready to prototype voiceovers, iterate on creative ideas, and connect with your audience through actionable storytelling that drives real results.
Discover how to unlock your product’s potential with this hands-on Demo! Learn to identify your audience’s biggest challenges, craft compelling scripts using leading marketing frameworks, and leverage AI-powered tools to create engaging vision videos. Walk away ready to prototype voiceovers, iterate on creative ideas, and connect with your audience through actionable storytelling that drives real results.
This video guides viewers through recognizing and addressing key challenges like lack of clarity, inconsistency, and information overload. By following the step-by-step vision presented, viewers will learn how the app helps them transform these obstacles into opportunities for personal growth and productivity. After watching, audiences will be equipped to download the app, leverage its key features to build better habits, and take actionable steps toward positive change. The video empowers viewers to begin their own transformation journey right away.
Following are the key things you will be able to do after you watch this Demo:
Creating a Vision Video Using Marketing Frameworks 0:10
Josh Lomelino explains the initial steps for creating a vision video, emphasizing the importance of the Ray Edwards framework.
The process involves identifying and amplifying pain points, telling a story, and transforming the narrative to lead to a call to action.
Josh introduces the Jeff Walker framework, which follows a similar pain-agitate-solve structure.
He discusses the use of ChatGPT to unearth pain points and personas, integrating this information into the script writing process.
Script Writing and User Problems 5:13
Josh details the process of writing a script using the Ray Edwards framework, focusing on the top three common problems.
He lists the top three problems: lack of clarity, inconsistency, and lack of accountability.
The script aims to show a transformation from pain to breakthrough, with a vision video lasting two to three minutes.
Josh emphasizes the importance of defining marketing before finishing the product to connect with the audience effectively.
Iterating the Script and Using Generative AI 10:44
Josh explains the process of creating multiple versions of the script, using ChatGPT and Claude AI for brainstorming and refining.
He highlights the importance of providing detailed instructions to the AI tools to ensure they stay within the desired framework.
Josh discusses the use of teleprompter scripts to ensure the spoken words are accurate and readable.
He mentions the use of 11 Labs for generating voiceovers, which helps in prototyping and refining the script.
Finalizing the Script and Preparing for Video Production 27:00
Josh talks about the importance of testing different versions of the script with focus groups to get valuable market feedback.
He explains the process of creating a Google Doc to keep track of different versions of the script and related content.
Josh introduces the Jeff Walker framework, which is used for product launches, and compares it with the Ray Edwards framework.
He discusses the final steps of creating the vision video, including generating animatics, storyboards, and visual content.
Generating Audio and Selecting Voices 36:23
Josh Demonstrates the use of 11 Labs to generate audio performances from the script, using his own voice as a clone.
He explains the process of selecting and applying different voices from the 11 Labs library to experiment with different tones and styles.
Josh highlights the importance of exporting the audio in WAV format for higher quality and flexibility in editing.
He discusses the potential use of multiple voices to create a cast of characters in the vision video.
Editing and Refining the Vision Video 58:53
Josh outlines the next steps for editing the audio and video content, including creating animatics and storyboards.
He emphasizes the importance of aligning the visuals with the audio track to ensure the narrative flows smoothly.
Josh discusses the use of AI-generated video content for B-roll footage to show the app in use.
He concludes by summarizing the overall process of creating a vision video, from script writing to final production, and the role of various tools and frameworks in achieving this.
Unlock the power of AI to supercharge your product design process! This Demo guides you through capturing raw ideas via voice recordings, organizing them into agile user stories with Otter and ChatGPT, and rapidly turning those insights into working app prototypes using Figma Make. You’ll learn to mine your own thoughts for powerful features and pain points, map these to real user needs, and supercharge your workflow with cutting-edge tools. By the end, you’ll be ready to turn any burst of inspiration into design-ready prototypes and actionable development steps.
Unlock the power of AI to supercharge your product design process! This Demo guides you through capturing raw ideas via voice recordings, organizing them into agile user stories with Otter and ChatGPT, and rapidly turning those insights into working app prototypes using Figma Make. You’ll learn to mine your own thoughts for powerful features and pain points, map these to real user needs, and supercharge your workflow with cutting-edge tools. By the end, you’ll be ready to turn any burst of inspiration into design-ready prototypes and actionable development steps.
In this video, you'll learn how to transform your brainstorming sessions and unstructured ideas into actionable agile user stories using AI tools and Otter transcription. By following the process Demonstrated, you'll discover how to mine your thoughts for key features and pain points, then organize them into structured requirements. Viewers will see how to use these user stories to generate rapid app prototypes with tools like Figma Make and refine them for a real-world project. By the end, you'll have the methods and confidence to turn your random ideas into clear, design-ready prototypes and workflows.
Following are the key things you will be able to do after you watch this Demo:
Here is the template you can clone to define your app.
Click here to get the ultimate prompt cheat sheet of every prompt used end to end.
Click here to get the 10 step workflow summary guide and supplemental resources.
AI-Driven Prototype Development Process 0:09
Josh Lomelino explains the process of creating AI-driven prototypes using tools like Figma, Proto.io, and others.
The goal is to create a template that can be integrated into manual prototypes, eventually leading to a full app experience using tools like Lovable or Bubble.
Emphasis on the importance of a clear product definition and agile user stories for successful AI development.
Josh Demonstrates how to train a chat on app features and user stories, using his app "Reclaim You" as an example.
Training ChatGPT for User Stories 4:30
Josh shows how to train ChatGPT on audio brainstorming sessions using Otter for transcription.
He explains the process of exporting SRT files from Otter and using them as inputs for ChatGPT.
The goal is to capture random thoughts and ideas, which AI can then organize into structured user stories.
Josh Demonstrates how to ask ChatGPT to learn from the audio files and generate actionable insights for app features and user stories.
Data Mining and Feature Identification 10:13
Josh discusses the importance of data mining and research to identify core pain points and features for the app.
He shows how to ask ChatGPT to create lists of pain points, issues, and challenges from the data set.
The process involves categorizing pain points into broad buckets like health and wellness, planning and process, motivation and mindset, teaching and engagement.
Josh emphasizes the need for a clear understanding of pain points to develop effective product solutions.
Generating Agile User Stories 17:52
Josh explains how to use ChatGPT to create detailed agile user stories based on the identified pain points.
He Demonstrates the process of training ChatGPT on the framework of pain to solution for creating user stories.
The goal is to generate a comprehensive list of user stories that can be used to guide the development of the app.
Josh shows how to create personas for different user groups and generate user stories for each persona.
Prototype Generation with Figma Make 25:43
Josh introduces Figma Make as a tool to generate prototype screens based on the agile user stories.
He explains the process of describing the app in Figma Make, including the app store description and features.
The tool generates HTML code for the prototype screens, which can then be manually refined.
Josh emphasizes the importance of using multiple tools and integrating their outputs to create a comprehensive prototype.
UI Framework and Stencils 35:30
Josh discusses the importance of selecting a UI framework for the final app experience.
He Demonstrates how to use UI kits like Bootstrap UI and Material UI to create a consistent UI workflow.
The goal is to ensure that the prototype screens match the final app experience as closely as possible.
Josh shows how to use stencils to quickly create UI elements and save time in the development process.
Reviewing and Refining the Prototype 45:41
Josh explains the importance of reviewing and refining the prototype to ensure it meets the project requirements.
He Demonstrates how to identify and fix broken links and other issues in the prototype.
The process involves iterating on the prototype, incorporating feedback, and refining the UI elements.
Josh emphasizes the need for a clear and accurate input to get the best output from AI tools.
Final Steps and Best Practices 46:18
Josh outlines the final steps in the AI-driven prototype development process.
He emphasizes the importance of saving chat history and project documentation for future reference.
The goal is to create a comprehensive and accurate prototype that can be used as a starting point for the final app development.
Josh encourages the use of multiple tools and integrating their outputs to create a robust and functional prototype.
This Demo walks you through a dynamic, actionable framework for transforming user pain points into a Minimum Viable Product (MVP) using Agile user stories. You'll learn how to brainstorm and document personas, reframe core problems as needs, and translate those into actionable features with step-by-step guidance. The session Demonstrates both hands-on manual methods and the use of powerful AI tools—like ChatGPT—to rapidly generate and refine user stories, making the product development process more efficient. By the end, you'll be equipped with practical strategies to build, organize, and launch your own MVP, leveraging proven workflows and modern AI support.
This Demo walks you through a dynamic, actionable framework for transforming user pain points into a Minimum Viable Product (MVP) using Agile user stories. You'll learn how to brainstorm and document personas, reframe core problems as needs, and translate those into actionable features with step-by-step guidance. The session Demonstrates both hands-on manual methods and the use of powerful AI tools—like ChatGPT—to rapidly generate and refine user stories, making the product development process more efficient. By the end, you'll be equipped with practical strategies to build, organize, and launch your own MVP, leveraging proven workflows and modern AI support.
In this video, viewers will learn a practical framework for developing a Minimum Viable Product by systematically transforming user pains into actionable features through needs analysis and Agile user stories. By following along, participants will discover how to brainstorm and document user personas, define core problems, and leverage AI tools to accelerate feature development. Completing the video equips viewers with the skills to map out, organize, and build a comprehensive feature backlog tailored to their users' needs. Ultimately, you’ll be able to apply this structured approach to launch your own MVP efficiently and effectively.
Here is the template you can clone to define your app.
Click here to get the 10 step workflow summary guide and supplemental resources.
Click here to get the ultimate prompt cheat sheet of every prompt used end to end. Below is the Prompt Atlas showing the 8 categories of prompts in the prompt cheat sheet guide.
Following are the key things you will be able to do after you watch this Demo:
Introduction to MVP and Ecosystem Mapping (0:00:09)
Josh introduces the concept of the Minimum Viable Product (MVP), emphasizing the importance of defining pain points, needs, and features for different stakeholders and mapping the overall project ecosystem
Three-Part Agile User Story Process (0:00:09)
Josh outlines a sequential framework: converting pains into needs and then into features, which are written as Agile user stories, highlighting the value of progressing step-by-step rather than jumping directly to user stories.
Business Vision Planning and Personas (0:08:36)
The importance of developing user personas is discussed, showing how various archetypes (e.g., medical doctors, programmers, teachers) help clarify specific needs by associating real-life pains and developing empathy-driven solutions.
Pain, Need, and Feature Transformation (0:18:15)
Demonstrates, with the example of a medical doctor, how individual pains are rewritten into user needs and further translated into actionable features, using empathetic design as a core principle.
Manual and AI-Assisted User Story Generation (0:27:50)
Josh explains how manually defining the framework prepares for leveraging AI tools, which accelerate the process of drafting needs and Agile user stories for each persona.
Leveraging AI for Brainstorming and Data Mining (0:37:51)
Describes incorporating AI chatbots (e.g., ChatGPT, Gemini) to quickly generate, format, and expand user stories and pain points, as well as methods for data mining common user problems using AI.
Persona and Backlog Development Workflow (0:47:00)
Shares how organizing and summarizing ideas with AI and mind mapping tools streamlines persona development and backlog creation, allowing for comprehensive project planning and smoother team collaboration.
Iterative Process and Documentation Completion (0:55:56)
Details the ongoing, iterative approach of developing user personas and scenarios, curating and refining user stories, and documenting all features in structured formats for future product development steps.
Multiple Languages Demo in AMP
Demo-english">Watch in English | Demo-spanish">Watch in Spanish
Description
Discover how cutting-edge AI technology enables you to create multilingual videos that deliver natural, native-language experiences for global audiences. This Demo will guide you through three methods for translating audio and video content, with a focus on the most advanced approach—generating fully synchronized video, audio, and subtitles in up to 36 languages. Learn how to spot-check translations using AI services, validate quality even without full review teams, and seamlessly integrate multi-language playback within Anomaly Amp. By the end of this session, you’ll see how learners can effortlessly switch languages during playback—while maintaining perfect lip sync and subtitle accuracy—empowering your content to reach diverse viewers with an authentic, in-language experience.
Multiple Languages Demo in AMP (Spanish)
Demo-english">Watch in English | Demo-spanish">Watch in Spanish
Descubra cómo la tecnología de IA de vanguardia le permite crear videos multilingües que ofrecen experiencias naturales y en el idioma nativo para audiencias globales. Esta Demostración le guiará a través de tres métodos para traducir contenido de audio y video, centrándose en el enfoque más avanzado: la generación de video, audio y subtítulos completamente sincronizados en hasta 36 idiomas. Aprenda a verificar las traducciones con servicios de IA, validar la calidad incluso sin equipos de revisión completos e integrar sin problemas la reproducción multilingüe en Anomaly Amp. Al final de esta sesión, verá cómo los usuarios pueden cambiar de idioma fácilmente durante la reproducción, manteniendo una sincronización labial y una precisión de subtítulos perfectas, lo que permite que su contenido llegue a audiencias diversas con una experiencia auténtica y en su propio idioma.
Creating Multilingual Videos
After completing this video, viewers will know how to create and translate audio and video content into multiple languages using advanced AI-powered workflows. They will be able to generate synchronized lip-sync performances, dubbed audio, and accurate subtitles for up to 36 languages, ensuring a seamless user experience for international audiences. Users will also be able to integrate these multilingual assets into platforms like Amp, allowing viewers to easily switch between languages. This process empowers content creators to efficiently mass produce and manage localized video content for diverse learning environments.
Following are the key things you will be able to do after you watch this Demo:
Click here to see and get each tool used in this Demo.
Examples Shown in this Demo
Overview of Multilingual Video Creation 0:08
Josh Lomelino introduces the Demo overview for creating multilingual videos and integrating them into Anomaly Amp.
Discusses the three methods for delivering multilingual content: audio-only, translation services, and advanced methods.
Highlights the advanced method's ability to generate performances with audio and video in sync in multiple languages.
Mentions the Demo will focus on the advanced method, which offers the best user experience.
Preparing the Source Material 3:55
Josh emphasizes the importance of using a high-quality WAV file for the best translation and quality.
Demonstrates the process of preparing the source material, whether it's live or generated.
Explains the steps involved in exporting the audio file as a WAV or MP3.
Discusses the benefits of using a WAV file for better translation and quality.
Translation Process Using 11 Labs 7:08
Josh explains the translation process using 11 Labs, which provides the best translation and vocal performance.
Details the steps for creating a dubbing project in 11 Labs, including specifying the source and target languages.
Discusses the benefits of using multiple speakers and disabling voice cloning for better performance.
Demonstrates the process of uploading and translating an audio file using 11 Labs.
Spot Checking Translations 13:29
Josh shows how to spot check translations using AI translation services if a full translation team is not available.
Explains the process of exporting the translated audio file and re-translating it back to English for validation.
Highlights the importance of having a review team to ensure accuracy.
Discusses the steps for implementing multiple languages into Anomaly Amp.
Advanced Method Demonstration 21:05
Josh Demonstrates the advanced method, which generates performances with audio and video in sync in multiple languages.
Explains the sequential process of preparing the source material and translating it using 11 Labs.
Discusses the benefits of using a digital double for creating multilingual videos.
Demonstrates the process of uploading and generating the translated video file.
Integrating Multilingual Videos into Anomaly Amp 28:08
Josh explains the process of integrating multilingual videos into Anomaly Amp.
Discusses the options for switching between languages on the fly.
Demonstrates the steps for creating a new page in Anomaly Amp and uploading the multilingual video.
Highlights the benefits of using Vimeo's advanced tools for managing multilingual videos.
Handling Subtitles and Closed Captions 35:00
Josh discusses the options for handling subtitles and closed captions in multilingual videos.
Demonstrates the process of adding subtitles and closed captions in Vimeo.
Explains the benefits of using AI translation services for generating subtitles.
Highlights the importance of ensuring the subtitles and closed captions are accurate and synchronized.
Implementing Multiple Language Pages 58:30
Josh explains the process of creating multiple language pages in Anomaly Amp.
Discusses the benefits of having a separate page for each language.
Demonstrates the steps for creating and linking the multiple language pages.
Highlights the importance of organizing the content based on the target audience's language preferences.
Text Translation and Localization 59:19
Josh discusses the importance of text translation and localization for multilingual content.
Demonstrates the process of translating text using Google Translate.
Explains the benefits of having a review team to ensure the accuracy of the translated text.
Highlights the importance of localizing the entire site for a seamless user experience.
Architecting the Multilingual Experience 1:04:46
Josh discusses the different ways to architect the multilingual experience in Anomaly Amp.
Explains the benefits of having a separate class for each language.
Demonstrates the steps for organizing the content based on the target audience's language preferences.
Highlights the importance of choosing the best method for delivering multilingual content.
There are no Main Site search results.