Here are my suggestions. I designated each area in your drawing with an alpha letter that corresponds with the notes below the image:
A = You need walkway closer to the house
so that anyone parking in the driveway
doesn't have to walk back out to the
street or through a muddy garden to get
to the front door.
B = Maybe a secondary stone pathway here that also
serves to divide the space into two flower
beds above and below the pathway.
When you say you want to integrate the
courtyard into the yard area, does that mean
you'll be removing the wall that currently surrounds the courtyard?
C = If so, you could build in the courtyard area a deck/barbecue area with an arbor or shade sail over it and extend it a bit into the front yard and over to the porch area. The deck materials could be stone, brick or composite lumber.
D = Most of the right side of the yard's lawn area would be left for your sports arena and the deck in the porch and courtyard areas could be the seating and picnic table area for the spectators.
An arbor or shade sail would help give some height to the right side of the house. Currently, all the "weight" of the landscape and roof-line seems to be on the left side according to the photo. Depends on whether you like an asymmetrical or symmetrical look to the landscape.
E = If you desire more planting bed area, you could build a meandering narrow bed along the right side of the new pathway.