object(stdClass)#62 (49) { ["id"]=> string(4) "1551" ["type_id"]=> string(1) "0" ["name"]=> string(20) "Games Aid text block" ["date_created"]=> string(10) "1689065052" ["date_modified"]=> string(10) "1689244591" ["creator_id"]=> string(3) "576" ["modifier_id"]=> string(3) "278" ["template_id"]=> string(3) "201" ["pending_deletion"]=> string(1) "0" ["publish"]=> string(1) "1" ["publish_from"]=> string(10) "1689030000" ["publish_to"]=> string(1) "0" ["last_modified"]=> string(19) "2023-07-11 15:23:38" ["title"]=> string(30) "Accessibility Across The Board" ["text"]=> string(1112) "

Today, it’s vital that websites aren’t just attractive and user-friendly; they need to be accessible too. The government’s requirements regarding accessibility are clear, and considering Games Aid’s goals to empower children and young people, Grandad knew building a website for everyone was paramount. Case in point: Games Aid’s logo.

Through our brand and creative discovery, we learned that green and red, and their variations, are troublesome colours for colour-blind and sight-impaired web users – Games Aid’s original website was failing on critical contrast ratios, that ensure legibility. The UK government’s Web Content Accessibility Guidelines exist to make the Internet as accessible as possible, and the current WCAG design principles exist to make sure modern websites are perceivable, operable, understandable and robust.

" ["search_keywords"]=> string(0) "" ["image_heights"]=> string(5) "[935]" ["image_positioning"]=> string(0) "" ["text_color"]=> string(9) "#ca026d;;" ["percentage_split"]=> string(5) "60-40" ["background_color"]=> string(7) "#ffffff" ["layout"]=> string(5) "split" ["settings"]=> object(stdClass)#27 (5) { ["initial"]=> int(1) ["max"]=> int(1) ["min"]=> int(1) ["columns"]=> int(1) ["accepts"]=> object(stdClass)#44 (2) { ["types"]=> array(0) { } ["templates"]=> array(1) { [0]=> object(stdClass)#55 (0) { } } } } ["date_publish"]=> string(4) "true" ["_table"]=> string(6) "object" ["asset_ids"]=> string(3) "698" ["image_file_name"]=> string(38) "0253df7051662d4d76a95c833c17206d_0.png" ["thumb_crop_width"]=> string(0) "" ["image_widths"]=> string(6) "[1920]" ["image_locations"]=> string(20) "/images/content/201/" ["image_cap"]=> string(0) "" ["image_alt"]=> string(91) "A screen grab of the top of Games Aid's new website, showing a picture of children learning" ["thumb_id"]=> string(3) "698" ["image_id"]=> string(3) "698" ["thumb_crop_y"]=> string(0) "" ["thumb_crop_x"]=> string(0) "" ["thumb_crop_height"]=> string(0) "" ["slots"]=> array(0) { } ["subtitle"]=> string(0) "" ["image"]=> object(stdClass)#45 (9) { ["url"]=> string(44) "https://grandad.digital/assets/img/blank.png" ["alt"]=> string(91) "A screen grab of the top of Games Aid's new website, showing a picture of children learning" ["cap"]=> string(0) "" ["data"]=> string(306) " data-custom="{"img_src":"images\/uploads\/5871fb2cee5c60face0e128bd18cdc8c.png","fx":"18.4","fy":"50.8","original":{"width":"1920","height":"935","orientation":"landscape"}}" " ["data_raw"]=> string(160) "{"img_src":"images\/uploads\/5871fb2cee5c60face0e128bd18cdc8c.png","fx":"18.4","fy":"50.8","original":{"width":"1920","height":"935","orientation":"landscape"}}" ["img_src"]=> string(75) "https://grandad.digital/images/uploads/5871fb2cee5c60face0e128bd18cdc8c.png" ["width"]=> string(4) "1920" ["height"]=> string(3) "935" ["orientation"]=> string(9) "landscape" } ["url"]=> string(0) "" ["link_title"]=> string(9) "Read More" ["columns"]=> string(5) "col-0" ["text_color_class"]=> string(0) "" ["title_color_class"]=> string(0) "" ["background_color_class"]=> string(0) "" ["gradient"]=> string(0) "" ["colors"]=> NULL ["split"]=> array(2) { [0]=> string(2) "60" [1]=> string(2) "40" } }

Accessibility Across The Board

Today, it’s vital that websites aren’t just attractive and user-friendly; they need to be accessible too. The government’s requirements regarding accessibility are clear, and considering Games Aid’s goals to empower children and young people, Grandad knew building a website for everyone was paramount. Case in point: Games Aid’s logo.

Through our brand and creative discovery, we learned that green and red, and their variations, are troublesome colours for colour-blind and sight-impaired web users – Games Aid’s original website was failing on critical contrast ratios, that ensure legibility. The UK government’s Web Content Accessibility Guidelines exist to make the Internet as accessible as possible, and the current WCAG design principles exist to make sure modern websites are perceivable, operable, understandable and robust.

A screen grab of the top of Games Aid's new website, showing a picture of children learning
object(stdClass)#54 (49) { ["id"]=> string(4) "1552" ["type_id"]=> string(1) "0" ["name"]=> string(59) "Games Aid text block 2 – Accessibility Across The Board 2" ["date_created"]=> string(10) "1689065953" ["date_modified"]=> string(10) "1689244591" ["creator_id"]=> string(3) "576" ["modifier_id"]=> string(3) "278" ["template_id"]=> string(3) "201" ["pending_deletion"]=> string(1) "0" ["publish"]=> string(1) "1" ["publish_from"]=> string(10) "1689030000" ["publish_to"]=> string(1) "0" ["last_modified"]=> string(19) "2023-07-11 15:34:05" ["title"]=> string(0) "" ["text"]=> string(1791) "

 Across Games Aid’s old website, the organisation’s distinct green and red logo was used in areas that could be hard to see. Grandad gave the Games Aid logo the treatment it deserved at the top of the website! It was given pride of place, weighted to the left and balanced by a clean and recognisable motif – but more on that in a moment!

This was true across the whole design of the website. Grandad uses the Adobe Colour Tools application to guarantee – there are rigorous checks automatically applied to each choice a designer makes. Case in point: the Contrast Checker. As the wording dictates, Adobe’s Contrast Checker ensures that a user’s colour choices are as accessible as possible by checking the contrast ratio of your background and text colours.

Brand language is as key to a positive online experience as the website design itself, so we were proud to help hone the Games Aid website’s distinct design aspects and push them even further for a more cohesive. Our mission is always to provide feasible solutions to a project’s obstacles, and we achieve this by identifying a problem, investigating the best course of action, and finding an appropriate solution. This process guarantees that our websites aren’t just up to date; it makes them state-of-the-art.

“We use these tools to guarantee that every site is readily accessible to everyone. We had a blank slate and complete creative control to produce something special; the drop shadow is a great example of utilising new visual elements to guide the eye and distinguish information, whilst also being playful and visually exciting!” – Emily McCarthy, Designer

" ["search_keywords"]=> string(0) "" ["image_heights"]=> string(6) "[1468]" ["image_positioning"]=> string(0) "" ["text_color"]=> string(9) "#ffffff;;" ["percentage_split"]=> string(5) "40-60" ["background_color"]=> string(7) "#ca026c" ["layout"]=> string(5) "split" ["settings"]=> object(stdClass)#39 (5) { ["initial"]=> int(1) ["max"]=> int(1) ["min"]=> int(1) ["columns"]=> int(1) ["accepts"]=> object(stdClass)#53 (2) { ["types"]=> array(0) { } ["templates"]=> array(1) { [0]=> object(stdClass)#59 (0) { } } } } ["date_publish"]=> string(4) "true" ["_table"]=> string(6) "object" ["asset_ids"]=> string(3) "696" ["image_file_name"]=> string(38) "04b6576f98563efcd5cb0d86628b01b1_0.png" ["thumb_crop_width"]=> string(0) "" ["image_widths"]=> string(6) "[2092]" ["image_locations"]=> string(20) "/images/content/201/" ["image_cap"]=> string(0) "" ["image_alt"]=> string(111) "A diagram of Adobe's Contrast Checker tool – used to make sure text is legible for as many users as possible!" ["thumb_id"]=> string(3) "696" ["image_id"]=> string(3) "696" ["thumb_crop_y"]=> string(0) "" ["thumb_crop_x"]=> string(0) "" ["thumb_crop_height"]=> string(0) "" ["slots"]=> array(0) { } ["subtitle"]=> string(0) "" ["image"]=> object(stdClass)#33 (9) { ["url"]=> string(44) "https://grandad.digital/assets/img/blank.png" ["alt"]=> string(111) "A diagram of Adobe's Contrast Checker tool – used to make sure text is legible for as many users as possible!" ["cap"]=> string(0) "" ["data"]=> string(307) " data-custom="{"img_src":"images\/uploads\/4163dbc06ab8aee7c738181a99b03cd8.png","fx":"46.9","fy":"41.3","original":{"width":"2092","height":"1468","orientation":"landscape"}}" " ["data_raw"]=> string(161) "{"img_src":"images\/uploads\/4163dbc06ab8aee7c738181a99b03cd8.png","fx":"46.9","fy":"41.3","original":{"width":"2092","height":"1468","orientation":"landscape"}}" ["img_src"]=> string(75) "https://grandad.digital/images/uploads/4163dbc06ab8aee7c738181a99b03cd8.png" ["width"]=> string(4) "2092" ["height"]=> string(4) "1468" ["orientation"]=> string(9) "landscape" } ["url"]=> string(0) "" ["link_title"]=> string(9) "Read More" ["columns"]=> string(5) "col-0" ["text_color_class"]=> string(0) "" ["title_color_class"]=> string(0) "" ["background_color_class"]=> string(0) "" ["gradient"]=> string(0) "" ["colors"]=> NULL ["split"]=> array(2) { [0]=> string(2) "40" [1]=> string(2) "60" } }

 Across Games Aid’s old website, the organisation’s distinct green and red logo was used in areas that could be hard to see. Grandad gave the Games Aid logo the treatment it deserved at the top of the website! It was given pride of place, weighted to the left and balanced by a clean and recognisable motif – but more on that in a moment!

This was true across the whole design of the website. Grandad uses the Adobe Colour Tools application to guarantee – there are rigorous checks automatically applied to each choice a designer makes. Case in point: the Contrast Checker. As the wording dictates, Adobe’s Contrast Checker ensures that a user’s colour choices are as accessible as possible by checking the contrast ratio of your background and text colours.

Brand language is as key to a positive online experience as the website design itself, so we were proud to help hone the Games Aid website’s distinct design aspects and push them even further for a more cohesive. Our mission is always to provide feasible solutions to a project’s obstacles, and we achieve this by identifying a problem, investigating the best course of action, and finding an appropriate solution. This process guarantees that our websites aren’t just up to date; it makes them state-of-the-art.

“We use these tools to guarantee that every site is readily accessible to everyone. We had a blank slate and complete creative control to produce something special; the drop shadow is a great example of utilising new visual elements to guide the eye and distinguish information, whilst also being playful and visually exciting!” – Emily McCarthy, Designer

A diagram of Adobe's Contrast Checker tool – used to make sure text is legible for as many users as possible!
object(stdClass)#58 (49) { ["id"]=> string(4) "1554" ["type_id"]=> string(1) "0" ["name"]=> string(40) "Games Aid text block 3 – Save The Date" ["date_created"]=> string(10) "1689066656" ["date_modified"]=> string(10) "1689244591" ["creator_id"]=> string(3) "576" ["modifier_id"]=> string(3) "278" ["template_id"]=> string(3) "201" ["pending_deletion"]=> string(1) "0" ["publish"]=> string(1) "1" ["publish_from"]=> string(10) "1689030000" ["publish_to"]=> string(1) "0" ["last_modified"]=> string(19) "2023-07-11 15:34:26" ["title"]=> string(13) "Save The Date" ["text"]=> string(952) "

The Games Aid team organises incredible events to super-charge their fundraising – from July’s celebrated Golf & Spa Day to the glitzy Games Aid Gala in October – but they take a more is more approach to them!

A full-view calendar just wasn’t doing their output justice, so we worked closely with Lily Rimington, Games Aid’s Production Manager, to showcase their fundraises in style. The team can now select an event to shout about on their home screen, and users can scroll through a new page brimming with top-class events! And it’s not just website design that Grandad excels in; we build bespoke enterprise CMS solutions regardless of the size of the client, ensuring that Games Aid’s staff can update this information easily, and aren’t relying on us for content updates down the road.

That said, Grandad prides itself on continued communication long after each project has gone live!

" ["search_keywords"]=> string(0) "" ["image_heights"]=> string(6) "[1374]" ["image_positioning"]=> string(0) "" ["text_color"]=> string(9) "#cc0e72;;" ["percentage_split"]=> string(5) "40-60" ["background_color"]=> string(7) "#ffffff" ["layout"]=> string(5) "split" ["settings"]=> object(stdClass)#52 (5) { ["initial"]=> int(1) ["max"]=> int(1) ["min"]=> int(1) ["columns"]=> int(1) ["accepts"]=> object(stdClass)#57 (2) { ["types"]=> array(0) { } ["templates"]=> array(1) { [0]=> object(stdClass)#23 (0) { } } } } ["date_publish"]=> string(4) "true" ["_table"]=> string(6) "object" ["asset_ids"]=> string(3) "700" ["image_file_name"]=> string(38) "e3231de0750e042b70a7197b476db3a0_0.png" ["thumb_crop_width"]=> string(0) "" ["image_widths"]=> string(6) "[2880]" ["image_locations"]=> string(20) "/images/content/201/" ["image_cap"]=> string(0) "" ["image_alt"]=> string(25) "The Games Aid Events page" ["thumb_id"]=> string(3) "700" ["image_id"]=> string(3) "700" ["thumb_crop_y"]=> string(0) "" ["thumb_crop_x"]=> string(0) "" ["thumb_crop_height"]=> string(0) "" ["slots"]=> array(0) { } ["subtitle"]=> string(0) "" ["image"]=> object(stdClass)#51 (9) { ["url"]=> string(44) "https://grandad.digital/assets/img/blank.png" ["alt"]=> string(25) "The Games Aid Events page" ["cap"]=> string(0) "" ["data"]=> string(306) " data-custom="{"img_src":"images\/uploads\/78d932fdb31bee4b95ad390343526bb9.png","fx":"8.5","fy":"52.4","original":{"width":"2880","height":"1374","orientation":"landscape"}}" " ["data_raw"]=> string(160) "{"img_src":"images\/uploads\/78d932fdb31bee4b95ad390343526bb9.png","fx":"8.5","fy":"52.4","original":{"width":"2880","height":"1374","orientation":"landscape"}}" ["img_src"]=> string(75) "https://grandad.digital/images/uploads/78d932fdb31bee4b95ad390343526bb9.png" ["width"]=> string(4) "2880" ["height"]=> string(4) "1374" ["orientation"]=> string(9) "landscape" } ["url"]=> string(0) "" ["link_title"]=> string(9) "Read More" ["columns"]=> string(5) "col-0" ["text_color_class"]=> string(0) "" ["title_color_class"]=> string(0) "" ["background_color_class"]=> string(0) "" ["gradient"]=> string(0) "" ["colors"]=> NULL ["split"]=> array(2) { [0]=> string(2) "40" [1]=> string(2) "60" } }

Save The Date

The Games Aid team organises incredible events to super-charge their fundraising – from July’s celebrated Golf & Spa Day to the glitzy Games Aid Gala in October – but they take a more is more approach to them!

A full-view calendar just wasn’t doing their output justice, so we worked closely with Lily Rimington, Games Aid’s Production Manager, to showcase their fundraises in style. The team can now select an event to shout about on their home screen, and users can scroll through a new page brimming with top-class events! And it’s not just website design that Grandad excels in; we build bespoke enterprise CMS solutions regardless of the size of the client, ensuring that Games Aid’s staff can update this information easily, and aren’t relying on us for content updates down the road.

That said, Grandad prides itself on continued communication long after each project has gone live!

The Games Aid Events page
object(stdClass)#24 (49) { ["id"]=> string(4) "1556" ["type_id"]=> string(1) "0" ["name"]=> string(50) "Games Aid text block 4 – Streamlining the Site 1" ["date_created"]=> string(10) "1689083766" ["date_modified"]=> string(10) "1689244591" ["creator_id"]=> string(3) "576" ["modifier_id"]=> string(3) "278" ["template_id"]=> string(3) "201" ["pending_deletion"]=> string(1) "0" ["publish"]=> string(1) "1" ["publish_from"]=> string(10) "1689030000" ["publish_to"]=> string(1) "0" ["last_modified"]=> string(19) "2023-07-11 15:35:49" ["title"]=> string(21) "Streamlining The Site" ["text"]=> string(940) "

Games Aid does many incredible things, and their hard work was getting buried in tricky-to-navigate tabs. Our team turned the Games Aid website into a dynamic dream – if you can’t see what you want, there’s a nice, big ‘hamburger menu’ tab to click on, that leads to the most common clicks on the website.

“Presenting the primary navigation of the website under a hamburger menu was considered an acceptable design compromise,” says Grandad’s Creative Lead and Head of UX, Nikolas Head. “We favoured narratively-led primary navigation, as opposed to single-word labels, as this better reflects the brand story and helps target users locate the content relevant. To the needs.”

Nick continues, “The hamburger affords our design team space to accommodate such labels (giving them space to breathe) whilst also focusing on the user solely on the menu and where they want to go next.”

" ["search_keywords"]=> string(0) "" ["image_heights"]=> string(5) "[510]" ["image_positioning"]=> string(0) "" ["text_color"]=> string(9) "#ffffff;;" ["percentage_split"]=> string(5) "40-60" ["background_color"]=> string(7) "#ca026c" ["layout"]=> string(5) "split" ["settings"]=> object(stdClass)#56 (5) { ["initial"]=> int(1) ["max"]=> int(1) ["min"]=> int(1) ["columns"]=> int(1) ["accepts"]=> object(stdClass)#25 (2) { ["types"]=> array(0) { } ["templates"]=> array(1) { [0]=> object(stdClass)#21 (0) { } } } } ["date_publish"]=> string(4) "true" ["_table"]=> string(6) "object" ["asset_ids"]=> string(3) "701" ["image_file_name"]=> string(38) "f1f4fbd868846d4baad5dfb4c6f78cf9_0.png" ["thumb_crop_width"]=> string(0) "" ["image_widths"]=> string(5) "[897]" ["image_locations"]=> string(20) "/images/content/201/" ["image_cap"]=> string(0) "" ["image_alt"]=> string(34) "Games Aid's hamburger menu options" ["thumb_id"]=> string(3) "701" ["image_id"]=> string(3) "701" ["thumb_crop_y"]=> string(0) "" ["thumb_crop_x"]=> string(0) "" ["thumb_crop_height"]=> string(0) "" ["slots"]=> array(0) { } ["subtitle"]=> string(0) "" ["image"]=> object(stdClass)#49 (9) { ["url"]=> string(44) "https://grandad.digital/assets/img/blank.png" ["alt"]=> string(34) "Games Aid's hamburger menu options" ["cap"]=> string(0) "" ["data"]=> string(304) " data-custom="{"img_src":"images\/uploads\/ad86a57081afcecabbb095b0f25ea73b.png","fx":"1.4","fy":"46.7","original":{"width":"897","height":"510","orientation":"landscape"}}" " ["data_raw"]=> string(158) "{"img_src":"images\/uploads\/ad86a57081afcecabbb095b0f25ea73b.png","fx":"1.4","fy":"46.7","original":{"width":"897","height":"510","orientation":"landscape"}}" ["img_src"]=> string(75) "https://grandad.digital/images/uploads/ad86a57081afcecabbb095b0f25ea73b.png" ["width"]=> string(3) "897" ["height"]=> string(3) "510" ["orientation"]=> string(9) "landscape" } ["url"]=> string(0) "" ["link_title"]=> string(9) "Read More" ["columns"]=> string(5) "col-0" ["text_color_class"]=> string(0) "" ["title_color_class"]=> string(0) "" ["background_color_class"]=> string(0) "" ["gradient"]=> string(0) "" ["colors"]=> NULL ["split"]=> array(2) { [0]=> string(2) "40" [1]=> string(2) "60" } }

Streamlining The Site

Games Aid does many incredible things, and their hard work was getting buried in tricky-to-navigate tabs. Our team turned the Games Aid website into a dynamic dream – if you can’t see what you want, there’s a nice, big ‘hamburger menu’ tab to click on, that leads to the most common clicks on the website.

“Presenting the primary navigation of the website under a hamburger menu was considered an acceptable design compromise,” says Grandad’s Creative Lead and Head of UX, Nikolas Head. “We favoured narratively-led primary navigation, as opposed to single-word labels, as this better reflects the brand story and helps target users locate the content relevant. To the needs.”

Nick continues, “The hamburger affords our design team space to accommodate such labels (giving them space to breathe) whilst also focusing on the user solely on the menu and where they want to go next.”

Games Aid's hamburger menu options
object(stdClass)#46 (49) { ["id"]=> string(4) "1557" ["type_id"]=> string(1) "0" ["name"]=> string(48) "Games Aid text block 5 – Streamlining The Site" ["date_created"]=> string(10) "1689084905" ["date_modified"]=> string(10) "1689244591" ["creator_id"]=> string(3) "576" ["modifier_id"]=> string(3) "278" ["template_id"]=> string(3) "201" ["pending_deletion"]=> string(1) "0" ["publish"]=> string(1) "1" ["publish_from"]=> string(10) "1689030000" ["publish_to"]=> string(1) "0" ["last_modified"]=> string(19) "2023-07-11 15:30:22" ["title"]=> string(0) "" ["text"]=> string(933) "

“We made sure to clearly label the icon to maximise its usability.”

Of course, Games Aid’s chosen charities for the year take pride and place, but we found on the old site that it could be challenging for users to know how to get involved, and make donations. Five is a golden number for sub-headers; the end user perceives it as a generous amount of information, but not cluttered. Likewise, options are spaced out and legible so all users know exactly where they’ll end up.

The ‘Make a Donation’ Call to Action is structured to make an impact at the bottom of the list – a brand-appropriate punch of colour simultaneously emphasises it and underscores the other options in this section.

“It's been a pleasure working on the Games Aid site and allowing them to fully showcase the wonderful work they do on their new website.” – Lucy Spencer-Davis

" ["search_keywords"]=> string(0) "" ["image_heights"]=> string(5) "[510]" ["image_positioning"]=> string(0) "" ["text_color"]=> string(9) "#ca026c;;" ["percentage_split"]=> string(5) "60-40" ["background_color"]=> string(7) "#ffffff" ["layout"]=> string(5) "split" ["settings"]=> object(stdClass)#60 (5) { ["initial"]=> int(1) ["max"]=> int(1) ["min"]=> int(1) ["columns"]=> int(1) ["accepts"]=> object(stdClass)#22 (2) { ["types"]=> array(0) { } ["templates"]=> array(1) { [0]=> object(stdClass)#71 (0) { } } } } ["date_publish"]=> string(4) "true" ["_table"]=> string(6) "object" ["asset_ids"]=> string(3) "701" ["image_file_name"]=> string(38) "bc03d9a5ff707d15d10a0bcccc355943_0.png" ["thumb_crop_width"]=> string(0) "" ["image_widths"]=> string(5) "[897]" ["image_locations"]=> string(20) "/images/content/201/" ["image_cap"]=> string(0) "" ["image_alt"]=> string(34) "Games Aid's hamburger menu options" ["thumb_id"]=> string(3) "701" ["image_id"]=> string(3) "701" ["thumb_crop_y"]=> string(0) "" ["thumb_crop_x"]=> string(0) "" ["thumb_crop_height"]=> string(0) "" ["slots"]=> array(0) { } ["subtitle"]=> string(0) "" ["image"]=> object(stdClass)#81 (9) { ["url"]=> string(44) "https://grandad.digital/assets/img/blank.png" ["alt"]=> string(34) "Games Aid's hamburger menu options" ["cap"]=> string(0) "" ["data"]=> string(304) " data-custom="{"img_src":"images\/uploads\/ad86a57081afcecabbb095b0f25ea73b.png","fx":"1.4","fy":"46.7","original":{"width":"897","height":"510","orientation":"landscape"}}" " ["data_raw"]=> string(158) "{"img_src":"images\/uploads\/ad86a57081afcecabbb095b0f25ea73b.png","fx":"1.4","fy":"46.7","original":{"width":"897","height":"510","orientation":"landscape"}}" ["img_src"]=> string(75) "https://grandad.digital/images/uploads/ad86a57081afcecabbb095b0f25ea73b.png" ["width"]=> string(3) "897" ["height"]=> string(3) "510" ["orientation"]=> string(9) "landscape" } ["url"]=> string(0) "" ["link_title"]=> string(9) "Read More" ["columns"]=> string(5) "col-0" ["text_color_class"]=> string(0) "" ["title_color_class"]=> string(0) "" ["background_color_class"]=> string(0) "" ["gradient"]=> string(0) "" ["colors"]=> NULL ["split"]=> array(2) { [0]=> string(2) "60" [1]=> string(2) "40" } }

“We made sure to clearly label the icon to maximise its usability.”

Of course, Games Aid’s chosen charities for the year take pride and place, but we found on the old site that it could be challenging for users to know how to get involved, and make donations. Five is a golden number for sub-headers; the end user perceives it as a generous amount of information, but not cluttered. Likewise, options are spaced out and legible so all users know exactly where they’ll end up.

The ‘Make a Donation’ Call to Action is structured to make an impact at the bottom of the list – a brand-appropriate punch of colour simultaneously emphasises it and underscores the other options in this section.

“It's been a pleasure working on the Games Aid site and allowing them to fully showcase the wonderful work they do on their new website.” – Lucy Spencer-Davis

Games Aid's hamburger menu options
object(stdClass)#70 (49) { ["id"]=> string(4) "1558" ["type_id"]=> string(1) "0" ["name"]=> string(38) "Games Aid Case Study Develop - block 6" ["date_created"]=> string(10) "1689085824" ["date_modified"]=> string(10) "1689244592" ["creator_id"]=> string(3) "506" ["modifier_id"]=> string(3) "278" ["template_id"]=> string(3) "201" ["pending_deletion"]=> string(1) "0" ["publish"]=> string(1) "1" ["publish_from"]=> string(10) "1689085823" ["publish_to"]=> string(1) "0" ["last_modified"]=> string(19) "2023-07-11 21:29:09" ["title"]=> string(21) "Communication is key " ["text"]=> string(1489) "

Games Aid’s Co-Chair & Trustee, Terry Haynes, is a total legend in the industry, and we know that he and the whole Games Aid team is busy making incredible things happen. This made the time we had with them to discuss website development vital.

Checking in with clients to provide context on progress made is a vital aspect of any website’s development, and we needed to make sure we were working to their schedule ahead of the launch of this new online space. Terry and Lily were always clear in their communication and gave us feedback that shaped the site to guarantee it was appropriate for Games Aid’s audience.


The organisation’s presence at 2023’s Develop: Brighton has served as a deadline for both parties. If you’ve ever been involved with any large-scale creative endeavour, you’ll know that obstacles do arise – Games Aid’s team have played an instrumental role in overcoming them.

What’s more, site-side, we considered accessibility again regarding Call to Action buttons and their functionality on the Games Aid website. Our Creative Lead and Head of UX Nikolas Head studied the best practices regarding screen readers and shared them with Grandad Digital’s developers applied our knowledge behind the scenes to make navigation easier for users with sight impairments. Brilliantly, clearer, signposted Call to Actions have made navigation easier for everyone – it’s an excellent case for accessibility!

" ["search_keywords"]=> string(0) "" ["image_heights"]=> string(6) "[2810]" ["image_positioning"]=> string(0) "" ["text_color"]=> string(0) "" ["percentage_split"]=> string(5) "30-70" ["background_color"]=> string(0) "" ["layout"]=> string(5) "split" ["settings"]=> object(stdClass)#48 (5) { ["initial"]=> int(1) ["max"]=> int(1) ["min"]=> int(1) ["columns"]=> int(1) ["accepts"]=> object(stdClass)#19 (2) { ["types"]=> array(0) { } ["templates"]=> array(1) { [0]=> object(stdClass)#75 (0) { } } } } ["date_publish"]=> string(4) "true" ["_table"]=> string(6) "object" ["asset_ids"]=> string(3) "704" ["image_file_name"]=> string(38) "ac6bc6574e3495e67cba414959544217_0.png" ["thumb_crop_width"]=> string(0) "" ["image_widths"]=> string(6) "[3904]" ["image_locations"]=> string(20) "/images/content/201/" ["image_cap"]=> string(0) "" ["image_alt"]=> string(0) "" ["thumb_id"]=> string(3) "704" ["image_id"]=> string(3) "704" ["thumb_crop_y"]=> string(0) "" ["thumb_crop_x"]=> string(0) "" ["thumb_crop_height"]=> string(0) "" ["slots"]=> array(0) { } ["subtitle"]=> string(0) "" ["image"]=> object(stdClass)#76 (9) { ["url"]=> string(44) "https://grandad.digital/assets/img/blank.png" ["alt"]=> string(0) "" ["cap"]=> string(0) "" ["data"]=> string(243) " data-custom="{"img_src":"images\/uploads\/bb729abfe8ae8f091235551a5cd4a345.png","original":{"width":"3904","height":"2810","orientation":"landscape"}}" " ["data_raw"]=> string(137) "{"img_src":"images\/uploads\/bb729abfe8ae8f091235551a5cd4a345.png","original":{"width":"3904","height":"2810","orientation":"landscape"}}" ["img_src"]=> string(75) "https://grandad.digital/images/uploads/bb729abfe8ae8f091235551a5cd4a345.png" ["width"]=> string(4) "3904" ["height"]=> string(4) "2810" ["orientation"]=> string(9) "landscape" } ["url"]=> string(0) "" ["link_title"]=> string(9) "Read More" ["columns"]=> string(5) "col-0" ["text_color_class"]=> string(0) "" ["title_color_class"]=> string(0) "" ["background_color_class"]=> string(0) "" ["gradient"]=> string(0) "" ["colors"]=> NULL ["split"]=> array(2) { [0]=> string(2) "30" [1]=> string(2) "70" } }

Communication is key

Games Aid’s Co-Chair & Trustee, Terry Haynes, is a total legend in the industry, and we know that he and the whole Games Aid team is busy making incredible things happen. This made the time we had with them to discuss website development vital.

Checking in with clients to provide context on progress made is a vital aspect of any website’s development, and we needed to make sure we were working to their schedule ahead of the launch of this new online space. Terry and Lily were always clear in their communication and gave us feedback that shaped the site to guarantee it was appropriate for Games Aid’s audience.


The organisation’s presence at 2023’s Develop: Brighton has served as a deadline for both parties. If you’ve ever been involved with any large-scale creative endeavour, you’ll know that obstacles do arise – Games Aid’s team have played an instrumental role in overcoming them.

What’s more, site-side, we considered accessibility again regarding Call to Action buttons and their functionality on the Games Aid website. Our Creative Lead and Head of UX Nikolas Head studied the best practices regarding screen readers and shared them with Grandad Digital’s developers applied our knowledge behind the scenes to make navigation easier for users with sight impairments. Brilliantly, clearer, signposted Call to Actions have made navigation easier for everyone – it’s an excellent case for accessibility!

Picture perfect

The style of a website is only as strong as its assets, and we appreciate that imagery in this context can be hard to come by. It’s a topic of sensitivity, and there are many parties involved.


Games Aid has chosen five exemplary charities to support this year, and each right has stakeholders that sign off on content. Grandad vied to present AFK, Autistica, Access Sport, Game Therapy UK and Solving Kids Cancer in the best possible light. Our team was mindful that, from a visual standpoint, demonstrating the personal benefits of getting involved beyond doing something incredible such as donating time, money or resources.

Supporting a cause is incredible, but Games Aid rewards support with experiences and prizes you wouldn’t normally associate with a charity. Giving gamers and supporters alike an idea of the difference they’re making whilst simultaneously showing off how much fun it can be with Games Aid was paramount. The organisation engages with charity support innovatively – did you know they have an eBay store that directly supports fundraising? We wanted to bring great ideas like this to the fore. Planning on having a games night anyway? It was our mission to emphasise Games Aid’s innovative incentivisation.

Grandad’s resident Designer Emily also noted a smart solution to improve a common visual element of modern website design: the embedded media play button. “Getting to know the Games Aid brand, we saw that the organisation’s iconic plaster-badge design could be rotated to echo the typical video play button. We echoed this symbology to make the design even more cohesive across the whole website.”

Sign off

This has been an incredible project for the Grandad Digital team, and we were proud to develop this brand-new website voluntarily on behalf of Games Aid. It’s the ambition of our Creative Director Paul Sheffield to always deliver beautiful design and a strong technical foundation,  combing usability and feasibility.

The Games Aid website is a testament to that goal, and we’re proud to support the team throughout Develop: Brighton and beyond.