SharePoint Online design: Header and Footer Assets

---

---

I need you to develop assets for a SharePoint Online landing page using only native SharePoint capabilities (no 3rd party apps). Refer to the attached screenshot for design inspiration. Footer Wave Background and Columns: Create a wave design for the footer with a transparent background, similar to the subtle wave in the screenshot but more pronounced.Use the following colors: Red (#9B2226), Blue (#1E3A5F), and a Yellow symbol (#F9C74F). The footer must have 3 columns, each containing an image. Design these images as white blocks with a sliver of color on one side (Red #9B2226, Blue #1E3A5F, Yellow #F9C74F), large enough to accommodate text overlays (e.g., similar in size to the "Promotion Overview by Role" section in the screenshot). Ensure the wave design integrates seamlessly above the 3-column layout. 2nd phase Header Design Replicate the header style from the screenshot: a large banner image with overlaid text and buttons.Include custom buttons (similar to the circular buttons in the screenshot) that visually overlap the bottom of the banner image. Use CSS or inline styling to achieve this effect (e.g., negative margins or z-index). Ensure the buttons are functional navigation links within SharePoint. Deliverables: Provide 5 assets: 1 footer wave background, 3 column images (one per color), and 1 header with overlapping buttons.Verify all assets work within SharePoint Online’s native environment without 3rd party apps. Instructions for Integration: After verification, provide step-by-step instructions to integrate these assets into my SharePoint Online environment. Include:How to upload the wave background and column images to the footer using a SharePoint web part (e.g., Image web part or custom HTML/CSS in a Script Editor web part). How to set up the header banner image and overlapping buttons using SharePoint’s native banner section and CSS (e.g., via the SharePoint modern page’s custom CSS options or a Script Editor web part). Ensure the instructions account for responsive design across devices. Please use the specified colors and ensure the design aligns with the layout and functionality shown in the screenshot, adapted to meet the 3-column footer requirement.

Keyword: Graphic Designer

Price: $200.0

Graphic Design Microsoft SharePoint Development Microsoft SharePoint