Crafts Council Website

  • George Sydney Selwyn-Brace

Digital design for the UK's national charity for craft

The new Crafts Council website unified the many activities 
and audiences of the organisation into one simple accessible user experience. I lead this project as part of the team at Bureau for Visual Affairs who were the digital partner to Pentagram who designed the Crafts Council's visual identity.


Accesibility and clear navigation were crucial aspects of the brief resulting in typically small functional elements such as the breadcrumb and tags being transformed into oversized features.


The layout doesn't use a typical column based system, instead a fixed nav/spine on the left archors a ragged flowing design were elemnts have a consistent height and variable widths.

Project Tags

Companies

  • Bureau for Visual Affairs logo

    Bureau for Visual Affairs

    • Publishing
  • Crafts Council England logo

    Crafts Council England

    • Crafts

Skills

\",\"cache_age\":86400},\"meta\":{\"extractor\":\"iframely\"},\"links\":{\"self\":\"v1/x-media/https://res.cloudinary.com/georgesydney/video/upload//w_auto,dpr_auto,f_auto//Crafts_Council_header_cluster.mp4\"},\"properties\":\"~project~project~attributes~blocks~3~attributes~xMedia~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/embed-blocks/186722\"},\"relationships\":{\"x-media\":{\"links\":{\"self\":\"v1/embed-blocks/186722/relationships/x-media\",\"related\":\"v1/embed-blocks/186722/x-media\"},\"data\":{\"type\":\"x-media\",\"id\":\"https://res.cloudinary.com/georgesydney/video/upload//w_auto,dpr_auto,f_auto//Crafts_Council_header_cluster.mp4\"}},\"xMedia\":\"~project~project~attributes~blocks~3~attributes~xMedia\"},\"properties\":\"~project~project~attributes~blocks~3~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1948000\",\"attributes\":{\"size\":2,\"createdAt\":1627229252,\"updatedAt\":1627229252,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4488045\",\"attributes\":{\"filename\":\"4488045/cc-topics.jpg\",\"kind\":\"image\",\"mimeType\":\"image/jpeg\",\"size\":210540,\"width\":2400,\"height\":1600,\"createdAt\":1627228245,\"updatedAt\":1627228245,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4488045\"},\"properties\":\"~project~project~attributes~blocks~4~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1948000\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~4~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~4~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1947999\",\"attributes\":{\"size\":2,\"createdAt\":1627229252,\"updatedAt\":1627229252,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4488065\",\"attributes\":{\"filename\":\"4488065/cc-navigation.jpg\",\"kind\":\"image\",\"mimeType\":\"image/jpeg\",\"size\":277059,\"width\":2400,\"height\":1600,\"createdAt\":1627229080,\"updatedAt\":1627229080,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4488065\"},\"properties\":\"~project~project~attributes~blocks~5~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1947999\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~5~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~5~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1947998\",\"attributes\":{\"size\":3,\"createdAt\":1627229252,\"updatedAt\":1627229252,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4488055\",\"attributes\":{\"filename\":\"4488055/cc-layout.jpg\",\"kind\":\"image\",\"mimeType\":\"image/jpeg\",\"size\":410073,\"width\":2400,\"height\":1600,\"createdAt\":1627228851,\"updatedAt\":1627228851,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4488055\"},\"properties\":\"~project~project~attributes~blocks~6~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1947998\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~6~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~6~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1947997\",\"attributes\":{\"size\":2,\"createdAt\":1627229252,\"updatedAt\":1627229252,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4488057\",\"attributes\":{\"filename\":\"4488057/cc-directory-profile.jpg\",\"kind\":\"image\",\"mimeType\":\"image/jpeg\",\"size\":266010,\"width\":2400,\"height\":1600,\"createdAt\":1627228879,\"updatedAt\":1627228879,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4488057\"},\"properties\":\"~project~project~attributes~blocks~7~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1947997\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~7~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~7~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1947996\",\"attributes\":{\"size\":2,\"createdAt\":1627229252,\"updatedAt\":1627229252,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4488058\",\"attributes\":{\"filename\":\"4488058/cc-directory-project.jpg\",\"kind\":\"image\",\"mimeType\":\"image/jpeg\",\"size\":244356,\"width\":2400,\"height\":1600,\"createdAt\":1627228889,\"updatedAt\":1627228889,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4488058\"},\"properties\":\"~project~project~attributes~blocks~8~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1947996\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~8~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~8~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1947995\",\"attributes\":{\"size\":2,\"createdAt\":1627229252,\"updatedAt\":1627229252,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4488059\",\"attributes\":{\"filename\":\"4488059/cc-account-navigation.jpg\",\"kind\":\"image\",\"mimeType\":\"image/jpeg\",\"size\":281064,\"width\":2400,\"height\":1600,\"createdAt\":1627228942,\"updatedAt\":1627228942,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4488059\"},\"properties\":\"~project~project~attributes~blocks~9~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1947995\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~9~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~9~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1947994\",\"attributes\":{\"size\":2,\"createdAt\":1627229252,\"updatedAt\":1627229252,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4488060\",\"attributes\":{\"filename\":\"4488060/cc-mobile-sreens.jpg\",\"kind\":\"image\",\"mimeType\":\"image/jpeg\",\"size\":282636,\"width\":2400,\"height\":1600,\"createdAt\":1627228968,\"updatedAt\":1627228968,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4488060\"},\"properties\":\"~project~project~attributes~blocks~10~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1947994\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~10~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~10~attributes\",\"title\":\"undefined undefined\"},{\"type\":\"image-blocks\",\"id\":\"1947993\",\"attributes\":{\"size\":1,\"createdAt\":1627229252,\"updatedAt\":1627229252,\"deletedAt\":null,\"image\":{\"type\":\"assets\",\"id\":\"4488063\",\"attributes\":{\"filename\":\"4488063/cc-icons.jpg\",\"kind\":\"image\",\"mimeType\":\"image/jpeg\",\"size\":95816,\"width\":2400,\"height\":1600,\"createdAt\":1627229045,\"updatedAt\":1627229045,\"deletedAt\":null,\"isPublic\":false},\"links\":{\"self\":\"v1/assets/4488063\"},\"properties\":\"~project~project~attributes~blocks~11~attributes~image~attributes\",\"title\":\"undefined undefined\"}},\"links\":{\"self\":\"v1/image-blocks/1947993\"},\"relationships\":{\"image\":\"~project~project~attributes~blocks~11~attributes~image\"},\"properties\":\"~project~project~attributes~blocks~11~attributes\",\"title\":\"undefined undefined\"}]},\"links\":{\"self\":\"v1/projects/512291\"},\"relationships\":{\"author\":\"~project~project~attributes~author\",\"features\":\"~project~project~attributes~features\",\"image\":\"~project~project~attributes~image\",\"industries\":\"~project~project~attributes~industries\",\"invites\":{\"links\":{\"self\":\"v1/projects/512291/relationships/invites\",\"related\":\"v1/projects/512291/invites\"},\"data\":null},\"owner-page\":{\"links\":{\"self\":\"v1/projects/512291/relationships/owner-page\",\"related\":\"v1/projects/512291/owner-page\"},\"data\":null},\"owner-user\":{\"links\":{\"self\":\"v1/projects/512291/relationships/owner-user\",\"related\":\"v1/projects/512291/owner-user\"},\"data\":{\"type\":\"users\",\"id\":\"1099199\"}},\"owner-roles\":{\"links\":{\"self\":\"v1/projects/512291/relationships/owner-roles\",\"related\":\"v1/projects/512291/owner-roles\"},\"data\":[]},\"page-collaborators\":{\"links\":{\"self\":\"v1/projects/512291/relationships/page-collaborators\",\"related\":\"v1/projects/512291/page-collaborators\"},\"data\":[{\"type\":\"pages\",\"id\":\"77219\"},{\"type\":\"pages\",\"id\":\"85107\"}]},\"skills\":\"~project~project~attributes~skills\",\"tags\":\"~project~project~attributes~tags\",\"today-features\":{\"links\":{\"self\":\"v1/projects/512291/relationships/today-features\",\"related\":\"v1/projects/512291/today-features\"},\"data\":[]},\"user-collaborators-summary\":{\"links\":{\"self\":\"v1/projects/512291/relationships/user-collaborators-summary\",\"related\":\"v1/projects/512291/user-collaborators-summary\"},\"data\":[]},\"side-hustle-skill\":{\"links\":{\"self\":\"v1/projects/512291/relationships/side-hustle-skill\",\"related\":\"v1/projects/512291/side-hustle-skill\"},\"data\":null},\"desired-collaborator-professions\":{\"links\":{\"self\":\"v1/projects/512291/relationships/desired-collaborator-professions\",\"related\":\"v1/projects/512291/desired-collaborator-professions\"},\"data\":[]},\"x-likes\":{\"links\":{\"self\":\"v1/projects/512291/relationships/x-likes\",\"related\":\"v1/projects/512291/x-likes\"},\"data\":null},\"x-in-lists\":{\"links\":{\"self\":\"v1/projects/512291/relationships/x-in-lists\",\"related\":\"v1/projects/512291/x-in-lists\"},\"data\":null},\"ownerUser\":\"~project~project~attributes~author\",\"ownerRoles\":\"~project~project~attributes~ownerRoles\",\"pageCollaborators\":\"~project~project~attributes~pageCollaborators\",\"todayFeatures\":\"~project~project~attributes~todayFeatures\",\"userCollaboratorsSummary\":\"~project~project~attributes~userCollaboratorsSummary\",\"desiredCollaboratorProfessions\":\"~project~project~attributes~desiredCollaboratorProfessions\"},\"properties\":\"~project~project~attributes\",\"title\":\"Crafts Council Website\"},\"projectsFromPage\":[],\"usersForSkills\":[],\"usersFromPage\":[]},\"projectEditor\":{\"collaborators\":{\"data\":[],\"loading\":false,\"meta\":{\"count\":0,\"current\":0,\"total\":1}},\"project\":null},\"questions\":{\"connectionsQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"coronavirusQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"curatedQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"error\":false,\"errorCode\":null,\"isLoading\":false,\"isModalVisible\":false,\"isSaving\":false,\"latestQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"modalQuestion\":null,\"myQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"myReplies\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"popularQuestions\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}},\"question\":null,\"questionsByProfessions\":[],\"recommendedQuestions\":[],\"suggestedUsers\":[],\"suggestedUsersCount\":0},\"ribbons\":{\"entities\":{},\"results\":{}},\"search\":{\"filterTag\":null,\"followedTags\":[],\"jobsTiles\":[],\"loading\":false,\"modals\":{\"events\":false},\"pagination\":{\"count\":0,\"current\":0,\"total\":0},\"questions\":{\"connections\":[],\"latest\":[],\"popular\":[],\"professions\":[]},\"questionsTiles\":null,\"results\":[]},\"sitemaps\":{\"eventPartners\":{\"data\":null,\"navigation\":null,\"pagination\":{\"count\":0,\"current\":0,\"total\":0}},\"jobs\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"pages\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"projects\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"questions\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"},\"users\":{\"data\":null,\"navigation\":null,\"pagination\":\"~sitemaps~eventPartners~pagination\"}},\"statusBar\":{\"message\":null,\"negative\":false,\"overtop\":false},\"subscriptions\":{\"action\":null,\"cart\":[],\"credits\":[],\"creditsCount\":0,\"fiveJobsPack\":null,\"proPlan\":null,\"singleJobPack\":null,\"threeJobsPack\":null},\"user\":{\"connections\":{\"connections\":{\"data\":[],\"meta\":{\"count\":0,\"current\":0,\"total\":0}}}}}"; window.__APOLLO_STATE__ = "{\"ROOT_QUERY\":{\"__typename\":\"Query\",\"creditedProjects\":[]}}";