Filtro Informações Cruzadas

Olá!

Estou precisando exibir um panorama de projetos, porém cada projeto possui subprojetos específicos para certo perfil de cliente (que serão detalhados em subpáginas). Na home colocarei grid de chamada para estas subpáginas, porém de forma agrupada por tipo de projeto.

Exemplo:
Logo Projeto 1 + Preview sobre a ação
– NOME DO PROJETO categoria:para empresa
– NOME DO PROJETO categoria:para profissionais
– NOME DO PROJETO categoria:para estudante

Logo Projeto 2 + Preview sobre a ação
– NOME DO PROJETO categoria:para empresa
– NOME DO PROJETO categoria:para estudante

Logo Projeto 3 + Preview sobre a ação
– NOME DO PROJETO categoria:para profissionais
– NOME DO PROJETO categoria:para estudante

Gostaria de criar um cabeçalho com filtro de forma que ao acessar a página o usuário consiga filtrar as opções somente para seu perfil.

Exemplo:
O que você precisa:
☐ Projetos para empresa ☑ Projetos para Profissionais ☐Projetos para estudantes

Logo Projeto 1 + Preview sobre a ação
– NOME DO PROJETO categoria:para profissionais

Logo Projeto 2 + Preview sobre a ação

Logo Projeto 3 + Preview sobre a ação
– NOME DO PROJETO categoria:para profissionais

Visualmente ficará assim:
https://drive.google.com/open?id=1VSv1FizhleJHfKntXp3m81puLSxM3MB4
https://drive.google.com/open?id=1BI7U8KYtyLbOaNHQc-dArpPshxMSvj_L
https://drive.google.com/open?id=17YZyfpPUygnVxXyYlYZ-N_mafVxdsTx_