Framer Layout Structure Expert Needed
Budget: $10 – $30 USD
I'm currently building a site on Framer and I've run into some alignment issues with the main content sections. I need an expert to help fix the layout structure of my site and a few other fixes (see below).
Ideal Skills:
- Extensive experience with Framer
- Strong understanding of layout design
- Attention to detail for alignment issues
- Able to ensure the site is aesthetically pleasing and functional
Please provide examples of previous Framer projects you've worked on, particularly those involving layout structure. Here's a link to a staging version of the site: https://vivacious-hiring-724312.framer.app/
Note, I am not a programmer. I bought a template to start with and have been figuring things out on my own but have these specific issues that need to be resolved that I can't figure out with my limited skills:
1. Spacing in the hero is too much padding top and bottom. I believe it's due to a viewport I accidentally copied in but if I try to remove it, the whole thing shifts around.
2. Once fixed, can you make the name and fractional CMO line next to photo pop more either as a brighter white or same blue as the button. I would also prefer if the image fades out on all sides if that's possible.
3. Want to add a button on right of nav for "Book a Call" but when I have it, button showing as white on dark and black on white. Want it to be blue. (all buttons should be the primary blue color)
4. Whatever mistake I made in the hero section is also creating issues for the mobile version of the hero so once we finalize the main site need to recreate those breakpoints to match and look good for mobile experience. (Currently renders such that it's unreadable.)
5. Need to tighten up vertical spacing between all of the sections on the home page.
6. Logo not showing up as part of the dark nav bar. Would prefer logo in upper left be a part of the nav bar (even though it will make the nav bar taller)?
7. Menu bar doesn't shrink as soon as the first page scrolls off. Waits for another section or two.
8. Footer has too much vertical space. Copyright and them switcher can move up to be a little distance from the rest of the text above.
9. Logo slider on About Me has logos overlapping. It also doesn't render correctly on mobile.
Ideal Skills:
- Extensive experience with Framer
- Strong understanding of layout design
- Attention to detail for alignment issues
- Able to ensure the site is aesthetically pleasing and functional
Please provide examples of previous Framer projects you've worked on, particularly those involving layout structure. Here's a link to a staging version of the site: https://vivacious-hiring-724312.framer.app/
Note, I am not a programmer. I bought a template to start with and have been figuring things out on my own but have these specific issues that need to be resolved that I can't figure out with my limited skills:
1. Spacing in the hero is too much padding top and bottom. I believe it's due to a viewport I accidentally copied in but if I try to remove it, the whole thing shifts around.
2. Once fixed, can you make the name and fractional CMO line next to photo pop more either as a brighter white or same blue as the button. I would also prefer if the image fades out on all sides if that's possible.
3. Want to add a button on right of nav for "Book a Call" but when I have it, button showing as white on dark and black on white. Want it to be blue. (all buttons should be the primary blue color)
4. Whatever mistake I made in the hero section is also creating issues for the mobile version of the hero so once we finalize the main site need to recreate those breakpoints to match and look good for mobile experience. (Currently renders such that it's unreadable.)
5. Need to tighten up vertical spacing between all of the sections on the home page.
6. Logo not showing up as part of the dark nav bar. Would prefer logo in upper left be a part of the nav bar (even though it will make the nav bar taller)?
7. Menu bar doesn't shrink as soon as the first page scrolls off. Waits for another section or two.
8. Footer has too much vertical space. Copyright and them switcher can move up to be a little distance from the rest of the text above.
9. Logo slider on About Me has logos overlapping. It also doesn't render correctly on mobile.