• US$380

• 21 designs

• 4 designers

---

Web Design Brief

We want to redesign our website header and also change the menu to a mobile-first menu for both desktop and mobile views. We also want to see the minicart in a mobile view. Currently in desktop view, the cart icon at ringsend.com opens a popup minicart, but in mobile, you are taken to a separate page.

The current design is viewable on our live site at https://www.ringsend.com

We want the new header to be more compact and concise, and the menu to be mobile-first even on the desktop view. An example of the menu style we're thinking of can be found at https://www.hardwarestore.com. Notice how it remains a mobile-first menu even when viewed on a large screen. It also looks good on a mobile screen.

Here are some guiding principles for the redesigned header: https://ringsend.atlassian.net/wiki/external/1644920833/ZmRjYWVlNzIxNzg2NGRmZjkxODNlYjFmMWM4YzJlMGE?atlOrigin=eyJpIjoiMjg0OTZjMmNiMGNhNDMzMmExYzk3Yzg0MTYwMGFjN2EiLCJwIjoiYyJ9

Project requirements:
- New designs/mockups for the ringsend.com header, main menu and minicart based on the guiding principles document referenced above. These should show the desktop and mobile views.
- Working code for the new designs - ideally this will mesh with existing stylesheets and not cause conflicts
- Code should not add too much additional file size, so please avoid using frameworks like Bootstrap that could bloat the size.

Target Market(s)

Painters, professional building contractors, home designers and home owners

Coding

Coded - Design and coding required

Number of Pages Required

3 page

---

Requirements

Must have

• - New designs/mockups for the ringsend.com header, main menu and minicart based on the guiding principles document located here: https://ringsend.atlassian.net/wiki/external/1644920833/ZmRjYWVlNzIxNzg2NGRmZjkxODNlYjFmMWM4YzJlMGE?atlOrigin=eyJpIjoiMjg0OTZjMmNiMGNhNDMzMmExYzk3Yzg0MTYwMGFjN2EiLCJwIjoiYyJ9. These should show the desktop and mobile views.
  - Working code for the new designs - ideally this will mesh with existing stylesheets and not cause conflicts
  - Code should not add too much additional file size, so please avoid using frameworks like Bootstrap that could bloat the size.

Nice to have

• Bring new ideas to the table to improve what we've suggested

Should not have

• - Designs that don't match with the rest of the existing website
  - Code that will conflict with existing code or css
  - Bloated code

---

Files