Chic Med Laser & Aesthetic Center - www.chicmed.com- Katharine

Website Design + Development * Digital Marketing Set-Up (One-Time Fee) * Digital Marketing Monthly Management

Web Design Project Start Here

Assigned to
Alyssa Workman, Medstar Alyssa W. Kristabel, Medstar Kristabel
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. **

PROJECT MANAGER:  wz might transfer to vj

DEVELOPERS WORKING ON THIS WEBSITE:



WHAT URL ISAAC SHOULD CREATE: chicmedlaser.com ( access in godaddy) with their own wpengine account ( in support mcc) 



WHICH TEMPLATE ISAAC SHOULD USE: SEE TEMPLATES
HERE : 


FINAL WEBSITE URL:  chicmedlaser.com


REFERENCE(S) : chicmed.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 :  COOLSCULPTING ELITE
FINAL URL & SLUG:
chicmedlaser.com/body-contouring/coolsculpting/
CONTENT:
mixture of https://www.chicmed.com/body-contouring/coolsculpting/ and demo content
OFFER:
Buy 1 get 1 1/2 off
BADGES:
Best of Waltham 2018-2021- Best Medspa( bestofsurveys.com) , top rated medical spa
NOTES:
n/a


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 :  hydrafacial
FINAL URL & SLUG:
chicmedlaser.com/hydrafacial
CONTENT:
demo
OFFER: new client special :
$50 off
BADGES:
Best of Waltham 2018-2021- Best Medspa( bestofsurveys.com) , top rated medical spa
NOTES:n/a 


ALL OTHER SERVICE PAGES: n/a

SERVICE :
CONTENT: demo
NOTES:


HOME PAGE

DEVELOPER:
SERVICES TO HIGHLIGHT:
NOTES:


CONSULTS THAT ARE FREE: coolsculpting elite


FINANCING: care credit & united medical funding

 

LEAD NOTIFICATIONS:   info@chicmed.com


CLIENT COMPETITORS UNDER MEDSTAR:
no


NOTES:  Let's get this one rolling asap Ivonne Ackerman, Medstar Ivonne because I should have 3 others coming by next week 


Comments & Events

Ivonne Ackerman, Medstar
Isaac Klausnser, Medstar Isaac can you please use template01 to create this site: 

chicmedlaser.com


We are working on the final destination. Please let us know if you have everything that is needed. Thank you!
whitney.zelig@gmail.com, Medstar thx!
Ivonne Ackerman, Medstar
Kristabel, Medstar Kristabel  can you please work on this website? We are using the template Isaac created for us. Let me know if you have any questions. Thank you!
Alyssa Workman, Medstar
Hi Kristabel, Medstar Kristabel , just following up to make sure you saw this has been assigned to you.

Can you let me know please when the homepage is ready for blurbs? 

Thanks for your hard work!
Kristabel, Medstar
Ivonne Ackerman, Medstar Ivonne Alyssa Workman, Medstar Alyssa - here you go

https://chicmedlaser.com/

Alyssa Workman, Medstar Alyssa  - ready for blurbs

Isaac Klausnser, Medstar Isaac - can you please help me with the mobile responsiveness? also on the homepage hero slider buttons, it doesn't let me add the id #section-contact_us for id to scroll to the bottom form. it says invalid url
Ivonne Ackerman, Medstar
Kristabel, Medstar Kristabel great job! Thank you!

Just a few notes: https://watch.screencastify.com/v/1thm5ESODfvS1KQeCCAU

For treatment page heros, please write these on headers:

CoolSculpting
freeze away stubborn fat

Hydrafacial
The best skin of your life


whitney.zelig@gmail.com, Medstar whitney.zelig@gmail.com should it be CS or CS Elite? Is there a better way to word this offer? 
whitney.zelig@gmail.com, Medstar
Ivonne Ackerman, Medstar Ivonne it's Coolsculpting elite. We just have to keep matching URL's because we might do a full website redesign in the future. 

BUY ONE GET ONE 1/2 OFF

i think looks best 
Isaac Klausnser, Medstar
Kristabel, Medstar Kristabel - FIXED the homepage slider button error.

For the mobile version. Can you please tell me exactly what you need help with?
Alyssa Workman, Medstar
Tasked blurbs. Lmk when ready for audit.
Kristabel, Medstar
Isaac Klausnser, Medstar Isaac - the image on the mobile that I set looks like this even though I uploaded correct size. 

Edits for desktop:
all forms- can we please make all form headings white and disclaimer texts, and delete the extra space above the heading so we only have the padding 50px on all sides of the form box? 
 

Edits for mobile:

Service pages hero section- h1 font-size reduced to 35px, all texts center-aligned, "Freeze away stubborn fat" font-size to 25px. button and text on button color #ffffff

Service page main content- margin left and right 20px except the the hero section and forms

Service page both forms - h1 font-size reduced to 35px, make the disclaimer text color #ffffff, form box padding 20px 30px 30px 30px, text on button to 20px

All forms - make heading and disclaimer texts white, form box padding 20px 30px 30px 30px

About us- the hero image is barely seen, can we please make the "Our Med Spa" heading same font-size with the "Chicmed's Unique Backstory" on mobile?
Homepage -  this section on mobile the background image is not seen
sorry Isaac Klausnser, Medstar Isaac - is there any way I can help you with these edits? I know these are a lot.
there are also edits on tab device but these are already too much. Thank you for all your help. I think we should wait for the badges and Alyssa Workman, Medstar Alyssa 's audit

Ivonne Ackerman, Medstar Ivonne - should I make the badges or you have someone doing it 
Alyssa Workman, Medstar Thank you!
Ivonne Ackerman, Medstar
Isaac Klausnser, Medstar Isaac for Kristabel's edits above, can you please make the above edits on the main template in relation to spacing/padding. But can you teach Kristabel how to change what she wants to change to white. Please make a video so other developers know how to change colors.

For the mobile edits, can you please make all edits except the changing of color (make a video on how to do that). I don't want to make color changes on main template. 

Since we are changing the main template, what is the best way to proceed with changes such as mobile font size inconsistencies and for the hero images to appear on mobile? Should we use Chic Med Spa (please confirm this is the latest iteration of the theme) and after you make the changes that Kristabel asked you above and that I asked you on the other task? 

Can you keep track of the changes you make on this website so we can go over them on a live call one by one?
Isaac Klausnser, Medstar
Kristabel, Medstar Kristabel Ivonne Ackerman, Medstar Ivonne - Thank you. Will check and update.
Isaac Klausnser, Medstar
Kristabel, Medstar Kristabel  

the image on the mobile that I set looks like this even though I uploaded correct size. 

We currently have 881*701 size image for mobile banner. Try with 575px * 400px width image.

all forms- can we please make all form headings white and disclaimer texts, and delete the extra space above the heading so we only have the padding 50px on all sides of the form box? 

DONE

Service pages hero section- h1 font-size reduced to 35px, all texts center-aligned, "Freeze away stubborn fat" font-size to 25px. button and text on button color #ffffff

The theme already has a CSS that will automatically reduce its size based on the screen size but it's not working on this website as we have used inline CSS.



I have removed the inline CSS and the title and its description look good on mobile now.

Service page main content- margin left and right 20px except the the hero section and forms

DONE

Service page both forms - h1 font-size reduced to 35px, make the disclaimer text color #ffffff, form box padding 20px 30px 30px 30px, text on button to 20px

DONE


All forms - make heading and disclaimer texts white, form box padding 20px 30px 30px 30px 

DONE

About us- the hero image is barely seen

FIXED

can we please make the "Our Med Spa" heading same font-size with the "Chicmed's Unique Backstory" on mobile?

DONE. It wasn't working due to the inline CSS that we added. We need to make sure we use inline CSS as less as possible on the elements.

Homepage -  this section on mobile the background image is not seen

FIXED

sorry - is there any way I can help you with these edits? I know these are a lot.

No need to apologize Kristabel, Medstar Kristabel . In fact, I thank you for your help us reviewing it and helping this template look best on mobile.

there are also edits on tab device but these are already too much. Thank you for all your help. 

Please share all of them. Let's make this template the best we can. These are all puny issues that don't take much time.
Kristabel, Medstar Thank you! 🙌
Ivonne Ackerman, Medstar yessssss thank u
Isaac Klausnser, Medstar
Ivonne Ackerman, Medstar Ivonne  

can you please make the above edits on the main template in relation to spacing/padding

DONE

But can you teach Kristabel how to change what she wants to change to white.

It can only be done using CSS. I have now added a comment where I added the CSS for it in the customizer.

Since we are changing the main template, what is the best way to proceed with changes such as mobile font size inconsistencies

If you are referring to the titles. I have explained above why their size didn't get reduce on mobile. It was due to the inline CSS. I have now removed it.


 and for the hero images to appear on mobile? 

FIXED


Should we use Chic Med Spa (please confirm this is the latest iteration of the theme)

YES. We can use it but it would add extra work while setting up a new client website which is to remove the client info that belongs to this client. Yes. I confirm. It has the latest version of the theme.


 and after you make the changes that Kristabel asked you above and that I asked you on the other task? 

I'm still working on the changes you asked for in another task.


Can you keep track of the changes you make on this website so we can go over them on a live call one by one?

Sure.
Kristabel, Medstar
Thank you Isaac Klausnser, Medstar Isaac  - I won't inline CSS in the future. Thank you for adding it to the customizer. I will check and share the tab device edits 
Ivonne Ackerman, Medstar
Thank you so much Kristabel, Medstar Kristabel and Isaac Klausnser, Medstar Isaac !!! Isaac, I just want to clarify what I meant here:

Should we use Chic Med Spa (please confirm this is the latest iteration of the theme)

YES. We can use it but it would add extra work while setting up a new client website which is to remove the client info that belongs to this client. Yes. I confirm. It has the latest version of the theme.

I meant let's use this site on our call so we can finalize template01 and we can go over the changes that you did there that need to be done to the master template. 

Thank you!
Kristabel, Medstar
Isaac Klausnser, Medstar Isaac - I think it will help if we set a mobile version of these sections here. because these are showing the desktop version of the images and it looks very zoomed-in, just please let me know the dimensions

tab device edits:

homepage hero text- increase font-size to 45px, and a slightly bigger button

homepage hero- can we please reduce box height to 456px

featured services section - can we please have a 50px left and right padding in the whole section,
and reduce the space of the elements apart to 50px or just like the coolsculpting section. on the cs section can we center the 2 elements, on cs please remove the extra small space on the right (of the box with text)
remove the extra space above the Coolsculpting/Hydrafacial heading text and add padding around instead 70 50 50 50px
this section on homepage- 50px left and right margin

homepage about section- can we please have a 50px padding around this section and a 50 px left padding on the text column (including the button)?
is it time-consuming if we make an option in the template to add a tab and mobile version of the image?
homepage and service page templates- center-align the form section

service page template edits
I also think we need a tab version of the hero image

left and right padding of 50px of the main content. and the disclaimer section be aligned with the main content minus the margin, and center-align the form

about us page template- is it time-consuming to add an option to the template for us to be able to add a tab and mobile version (hero section) of the image, 50px left and right padding on the main content, and the center-align the form section
we also implement these changes to the confirmation pages
Isaac Klausnser, Medstar
Kristabel, Medstar Kristabel - Thank you. I will check and update.

Ivonne Ackerman, Medstar Ivonne - Yes. We can use this website as a reference during our call.
Ivonne Ackerman, Medstar thank u!
Isaac Klausnser, Medstar
Ivonne Ackerman, Medstar Ivonne Kristabel, Medstar Kristabel - Do we have the separate images ready for the tablet and mobile? If yes. Please share.
Ivonne Ackerman, Medstar
Kristabel, Medstar Kristabel  can you please share with Isaac?
Kristabel, Medstar
Alyssa Workman, Medstar
Can you please provide the mobile for the before & afters as well Kristabel, Medstar Kristabel ?
Thank you!
Alyssa Workman, Medstar
Isaac Klausnser, Medstar Isaac  making sure you saw these ^^^
Hector Mota, Operations Manager at Medstar
  Ivonne Ackerman, Medstar Ivonne and whitney.zelig@gmail.com, Medstar whitney.zelig@gmail.com
This client has an offer on the Gravity form that says BUY ONE
GET ONE ½ OFF
However, on the disclaimer on the bottom, it says "Promotion: Buy One, Get One and Half Coolsculpting Elite treatment
This needs to be clarified. It is get one half off? ?? Or one and a half off?
 
 
whitney.zelig@gmail.com, Medstar lol
Alyssa Workman, Medstar
Hector Mota, Operations Manager at Medstar Hector  buy one get one 1/2 off, thanks for catching. I'll fix it now.  
Hector Mota, Operations Manager at Medstar You're Welcome!
Isaac Klausnser, Medstar
Alyssa Workman, Medstar Alyssa Ivonne Ackerman, Medstar Ivonne - Uploaded above images for tablet and mobile and also fixed issues.
Isaac Klausnser, Medstar
Alyssa Workman, Medstar Alyssa - Updated
Alyssa Workman, Medstar You rock 🤘
Alyssa Workman, Medstar Thank you!
Alyssa Workman, Medstar
Alyssa Workman completed this to-do.
Alyssa Workman, Medstar
Alyssa Workman re-opened this to-do.
Alyssa Workman, Medstar
I don't think we need to put a new image Kristabel, Medstar Kristabel you just make sure the font color is contrasting? Currently, it is showing as gray, make it all white.

Can you tell me where that gets to be updated? I can't see it in the CSS options or field settings. 

Alyssa Workman, Medstar
Thanks Kristabel, Medstar Kristabel for the info and for sharing this canva link. I will go ahead and just update the graphic. Now that I know it exists, the image I think looks better for consistency of the other pages. Appreciate you!
Kristabel, Medstar 🏅
Alyssa Workman, Medstar
Alyssa Workman completed this to-do.