✔ Web Design Project Start Here
Completed by Alyssa W.
- Assigned to
-
Alyssa W.
Gerlie H.
Isaac K.
Ivonne A.
- Due on
- Notes
-
*** Team remember that we need to make we have the {embed_url} URL tag added in the notification message field on all forms on our websites along with a hidden field for service of interest added in the form. This is from Isaac. **
WHAT URL ISAAC SHOULD CREATE: host on our server
you can create a password protected site right now at dreamsculptbodyspa.com ( found in google domains)
Isaac
DEVELOPER:
Gerlie
WHICH TEMPLATE ISAAC SHOULD USE: SEE TEMPLATES HERE : may I suggest reston dermatology that has 3 categories already ( not paid web development work)
Ivonne
FINAL WEBSITE URL: dreamsculptbodyspa.com
REFERENCE(S) : https://apphealthgroup.com/
CAMPAIGN PAGES *
THESE PAGES SHOULD HAVE BADGES, CONSISTENT & OFFERS & CTA'S, AND POP-UPS. THESE PAGES WILL HAVE ADS RUNNING TO THEM- AND NEED THE URL/SLUG TO STAY THE SAME NO MATTER WHAT
SERVICE : EMSCULPT NEO
FINAL URL & SLUG: dreamsculptbodyspa.com/emsculpt-neo
CONTENT: demo- until content team is finished
OFFER: $500 off a package
BADGES: top medical practice, emsculpt neo focused badges ( real self, etc.)
NOTES:n/a
ALL OTHER SERVICE PAGES:
#1 SERVICE : Emsella
CONTENT: demo until content team is done
NOTES: n/a
#2 SERVICE : Cellutone
CONTENT: demo until content team is done
NOTES: n/a
HOME PAGE
DEVELOPER:
SERVICES TO HIGHLIGHT:
NOTES:
CONSULTS THAT ARE FREE: all
FINANCING: Cherry
LEAD NOTIFICATIONS: emsculptneo@apphealthgroup.com
NOTES: more lifestyle model look, no logo design yet, keep basic black and white site until they get logo designed. Bio attached
address: 175 Memorial Highway Suite 2-4 , New Rochelle, NY 10801
phone number: 914-632-1080
The microsite in question, don't we have a sheet with all the domains user and password info?
Dream Sculpt Body Spa - aka App Health Group
https://dreamsculptbodyspa.com/wp-admin/
Login Prompt: demo / demo123#@!
WP-admin: medstar / Letmein123#@!
For eg., We use the floating phone button on many of our client websites now. Currently, we do that by adding custom code every time and then changing its color, size, etc in CSS. So I am thinking of adding an option for this button in the theme options from where we would be directly able to enable/disable it, edit the phone number, and change its color based on the website brand in just a few clicks.
If you have any questions please ask Isaac. This is meant to be easy to update photos and text. The hardest part will be choosing the appropriate photos. Please choose the ones you think will work and I can just look at them and provide feedback when done.
We created this theme to make the website development quicker.
Hello
Like I want to move the hero image to center or upload a separate image. Thank you
Currently, there is no option for it but I will add it.
I have other concern, can you please help me on these errors:
1. Disclaimer on the footer
I am trying to remove this section, even though there is nothing in the footer description, it is still visible.
2. The hero image (desktop) won't display on all confirmation pages
3. Hero image on mobile won't show (all services)
Thank you!
https://dreamsculptbodyspa.com/cellutone/
https://dreamsculptbodyspa.com/service-page/btl-cellutone/
https://dreamsculptbodyspa.com/emsculpt-neo/
https://dreamsculptbodyspa.com/service-page/emsculpt-neo/
https://dreamsculptbodyspa.com/emsella/
https://dreamsculptbodyspa.com/service-page/emsella/
The privacy policy page has this suggested content
https://dreamsculptbodyspa.com/privacy-policy/
https://watch.screencastify.com/v/Dg4ZNObqiFgaCzjQ84eZ
Here are some notes on the service pages which we can proceed with fixing:
https://watch.screencastify.com/v/1UPknLWVolM3F5oJtpHh
Photo for Emsella page:
What is the easiest way to change colors?
REMOVED
From the customizer. Go to appearance > customize to see this option.
Let's keep the default fonts.
I can't seem to find the option to add the blue color to the customizer, only the black.
Hello
I'm having trouble figuring out how to change some of the colors, like changing the color on hover. Also, Ivonne wants to make the badges a little bigger, I think there is a size limit even if I tried to increase the size of the badges.
Thank you!
I will update the code so that when you change the color from "set up site color" it also changes the menu hover color.
And other notes: https://watch.screencastify.com/v/gT4X0rsWz8crC0LPfrrV
Photo for hero 1 :
Photo for Hero 2:
Photo for hero 3 (have to change to older woman):
Contact Us photo:
Reviews to add:
I love it here. They are fast and the staff is very sweet. They are here 7 days a week. All Day. I highly recommend them!
An intimate practice that shows real excellence in everything they do. They have the best equipment and facilities. The staff is terrific too!
The practice of Doctor Lidia, Doctor Villegas, Michael and the rest of the team is amazing. I highly recommend trying their place.
The best secret in Riverdale. Hidden away, but amazing results. Very nice people working there and my results are better than I expected.
DONE
I updated the hero section, added a logo and reviews. I can't remove this logo maybe Isaac can help.
emsculpt neo:
cellutone:
Emsella:
I need assistance with a few edits:
-The cellutone gif graphic does not have the same effect as the other two.
-I can't change the color of this one, I think it's part of the color theme.
-The bottom form on the about page is still different from the bottom form on the homepage.
Please go through this checklist to make sure everything was done properly.:
https://docs.google.com/document/d/16LEQdbKRytP-ah6OmzouSAYpB-wJaX3yaeg-k1SzPpw/edit?usp=sharing
Here is cellutone image:
I'll ask Isaac about the form at bottom of About Us page and the Vitalyc logo on the service section graphics of the homepage. For now let's finalize this site. Thank you for all of your work!! I know it wasn't easy since it's a new theme but thank you for helping me perfect it!
-Also, all phone numbers are correctly formatted as 914-632-1080., except for the target link which is not in this format "tel:+19146321080".
I can only put the number, but not the target link format.
-When I tried to remove the image placeholder from the About page, this error appeared:
Also, for this site and for our main template, can we please work on the spacing? For example, on this site the font looks a little small and maybe there needs to be more spacing between sections? These types of things I would like to keep standard. Font name, font size, and spacing should be standard (I don't foresee developers having to change these things) so let's come up with what looks the best so we don't have to worry about it for future sites. (I asked about this before but I don't know if this was done.
Can you also check Gerlie's comment above?
Thank you so much!
I already coded an option to edit it. Now I have updated the code so if we leave it blank no icon would appear on the page.
For the font family. I updated it to the ones you sent me on Whatsapp.
Header - Manjari
Body - Montserrat
Heading - Lato
For the spacing and font size
I will check for the link targets and also update the code for the about us page template.
For example I would like to make changes here, but I don't see the way how to do make them quick and easy :
I have now updated the spacing that you pointed out in your screenshots.
Once you have confirmed. I will make the same changes on the other website and the template01.
But this spacing and the Lato & Montserrat fonts can be changed on the other website and the template01. Please use Lato instead of Manjari for Template01. It's ok to keep Manjari on this and the other website.
For the template, for the "treatments featured in" logos, do they all have to be linked? or can we only link one, for example the forbes article? Also can this link or links stay in the template so developers don't have to update it every time?
thank you!
Updated the template01 and the two websites for the about us page image and the phone numbers.
Can you please provide a screenshot for this or make a short video?
So to confirm. Do you mean the animation is not working on the windows system?
DONE
For the template, for the "treatments featured in" logos, do they all have to be linked?
No, they all don't need to be linked. You can remove the links. It's not a required field.
or can we only link one, for example the forbes article?
Yes. You can link any specific logo and remove the link from all others.
Yes. They stay there. Developers wouldn't need to add them again on the new staged install.
Sure. Yes. So should I remove the current layout completely or keep it and add a new style that developers will be able to choose from the dashboard area?
So to confirm. Do you mean the animation is not working on the windows system?
Yes, the animation is not working on windows system.
Yes. They stay there. Developers wouldn't need to add them again on the new staged install.
Sure. Yes. So should I remove the current layout completely or keep it and add a new style that developers will be able to choose from the dashboard area?
I only want the radiancemd version.
Thank you!
1. On all of the pages' hero images
Although it is okay if the model's heads are cut off a little in the hero images, they aren't scrolling well so the heads remain cut off. Can you look at this site as an example and fix All hero images to scroll for template 01 to be like that example? It's ok to leave Dreamsculpt as is.
2. Need Homepage Form AND make sure all treatment pages have a Mobile Gravity Form as well. (please fix for Dreamsculpt, other website, and Template01)
3. Sligthly Increase padding on Mobile for all pages. (please fix for Template01. it's ok to leave on these websites)
--HOME--
4. Ancor Hero button to bottom form of the page and change button to say Book Now. (this should be fixed on the template01 since this will always be the case. Please change template, Dreamsculpt, and other website)
5. Increase the size of badges in hero on mobile. (please fix on template, Dreamsculpt, and other website)
I just checked on my Windows machine and the animation worked fine. I checked on Chrome and Edge browsers. Can you make a screen share video?
It's already added or do you mean to add this same link to all the logos?
Got it. Will update.
#1 OK. Will update.
#2 We already have the sidebar form moved below the banner as a mobile form on the mobile layout. Can you please explain why we need a separate mobile form?
#3 OK. Will increase.
#4 OK. Will do.
#5 OK. Will do.
I am understanding that the side form and mobile form are compatible in the same form field and it adapts, correct? Will this always be the case, or I need to watch for this specifically? I will update my audit list. Please confirm.
Thanks for clarifying for me!
I have now set up a new contact us template here for you to review -
https://template01.mysculpt.net/contact-us-2/
Also, updated the hero section background-position to fixed.
https://template01.mysculpt.net/service-page/
#1 DONE
#2 Explained above
#3 DONE
#4 I decreased the size of the logo so that when a user opens up the page they could see the offer down in the form on their screen as you asked for in another task. If we increase the size it will increase the size of the hero section thus moving the form below it further down on the screen. Please let me know.
I just checked on my Windows machine and the animation worked fine. I checked on Chrome and Edge browsers. Can you make a screen share video?
It's already added or do you mean to add this same link to all the logos?
can you add Cherry Financing to the site please? They just signed up.
https://dreamsculptbodyspa.com/emtone-cellulite-treatment/
https://dreamsculptbodyspa.com/c/emtone-cellulite-treatment/
Dream sculpt | (914) 229-3959
https://robertmorinplasticsurgery.com/
https://rejuvenatereno.net/
https://chicmedlaser.com/
https://dreamsculptbodyspa.com/
https://go.renewalskinspa.com/
https://go.dermsc.com/
https://drheritage.wpengine.com/
And Westport.
https://chicmedlaser.com/coolsculpting/
https://chicmedlaser.com/hydrafacial/
https://dreamsculptbodyspa.com/emsculpt-neo/
https://dreamsculptbodyspa.com/emsella/
https://dreamsculptbodyspa.com/cellutone/
https://dreamsculptbodyspa.com/emtone-cellulite-treatment/
https://dreamsculptbodyspa.com/vaginal-tightening-new-rochelle/
https://dreamsculptbodyspa.com/emface/
I am not sure who recently worked on these web pages, but these are the only affected URLs I found.
Maybe the styles.css is affecting the app.js from jquery because of a customization attempt on the live page CSS? A lot of event errors on these URLs. I'll let you find the bugs. Thanks, Isaac!
Yes. This. You found the issue. You can save it.
For the errors that you are seeing in the console. You can ignore them. It has nothing to do with the website code. They are getting caused locally in the console either by your Chrome browser or some extension in your browser which is requesting the source map. You should be able to disable them easily in your browser. Most devs only keep them enabled when they are developing. I don't use Chrome browser but found the below thread for you on stackoverflow where you can find how to disable them.
https://stackoverflow.com/questions/61339968/error-message-devtools-failed-to-load-sourcemap-could-not-load-content-for-chr
I also have one question for you and