Break Services into Design and Gardening components

[sandy-75]

Make a copy of services as design and rename services 'Gardening'.

[djplaner]

How services works

~/_data/menus.yml defines the menus for main header

~/services.md defines a stand alone page that is linked in header nav and provides the the spiel at the top of the services page.

Added to that is the content from the various individual files for services in the ~/_services folder.

~/_sass/pages/_page-services.scss defines a CSS class for .page-service

~/_layouts/service.html defines the layout for the individual .service-single ~/_layouts/services.html defines the layout for the services page, including individual services ~/_layouts/home.html defines the layout for the home page, including individual services.

Implement design

• [x] Create a branch design
• [x] add Design and Gardening to menus.yml
• [x] rename services.md as gardening.md
• [x] rename _services as _gardening
• [x] add design.md
• [x] add _design
• [x] rename _page-services.scss to _page-gardening.scss
• [x] copy _page-gardening.scss to _page-design.scss
• [x] rename layouts/service[s].html and perhaps rename the classes?
• [x] add layouts/design[s].html
• [x] modify home.html to rename services to gardening and add design
• [x] rename collections in _config.yml (see this) and reload
• [x] add in a strip-dark and services-dark design for home page
• [x] test
• [x] merge branch
• [ ] sign-off

Discoveries along the way

_config.yml services.md

[djplaner]

Questions/suggestions

@sandy-75, for your consideration. Initial re-design committed and updated on your computer. Still has rough edges and still has some further through required.

Marketing type suggestions

These are at the cross roads of what you want to say on the site about the business and the current limitations of the web site design and perhaps arguments about brevity on websites.

Unique "one word" labels for design services

The site model is for services (gardening or design) to have simple labels (one or two words) that are unique. Currently not clear for some of the services. e.g. "Design with sustainability in mind" and "Join us in cultivating sustainability".

Are these two very distinctive services? Or are they more an ethos? What are the clear labels that distinguish them?

This is particular important for the design services, where each of your spiels had long titles. I've adapted one to the template's approach as an example.

More succinct leads

The home page currently shows about the 100 first characters from each of the services (gardening and design). A fair bit of the lead text you've written has "we offer" and "At Sandy's Gardening & Landscape design" at the beginning. Probably not a good fit for the home page.

Perhaps the leads for each service need a punch description in the first 100 with the more detailed description of the business' values etc after that?

Web design

These are more related to how the colours, images etc on the site are designed.

Images on the sub pages?

The "sub pages" e.g. Gardening, Design etc are currently designed to have images in the right hand corner. Images not specific to the business. Hence

1. Remove the images entirely?
2. Replace them with business appropriate images

Expanding the lead on gardening and design pages

On the gardening and design pages, each service was still only being described by the first 100 characters. I've bumped that to 500.

Teal background on services

On the design and gardening pages you'll see each service has a teal green background. This is not a serious suggestion. A hang over from a change needed on the home page. Will fix this.

Though it does raise a question of how far you'd like to go with these designs. e.g. each of these could be card with an image or some such. Though that's probably going too far ATM.