Hey there, fellow curious one.
Loading
Loading
Projetos Sobre Experiências criativas

Sthenos

Branding, UX/UI Design, Desenvolvimento web

Rebranding, produção de identidade visual e desenvolvimento do site para um ginásio de calistenia.


A Sthenos é um ginásio de calistenia com treinos principalmente baseados no uso do peso do corpo. O desafio inicial era construir um site para as aulas, biblioteca de exercícios, cursos online e muito mais, porque já tinham audiência e estavam a crescer — mas sem branding consistente (tinham logótipo e tom de voz, mas pouca coesão visual), o foco mudou para um rebrand que permitiu um novo logótipo e o ecossistema em que este vive.

Com as conversas ao longo de algumas semanas e se foi percebendo melhor quem a Sthenos é, ficou claro que promovem uma comunidade muito próxima e inspiram as pessoas a subir de nível — por isso os visuais tinham de evocar força e serem motivadores, encontrando o equilíbrio para comunicar também com qualquer um dedicado a tonar-se melhor.

Freelance + Parceria com Boop Collective

Estratégia

Design

Programação

2022/2023

Caneta e papel

Photoshop

Illustrator

VSCode

Gitlab

ReactJS

Javascript

SASS e CSS

Logo Principal

Tipografia
Coleção iconográfica

Cartaz feito para o interior do ginásio de benfica
Cartaz feito para o interior do ginásio de benfica - O King Cali, conceito que a Sthenos já usava, foi bastante divertido de explorar

Sthenos Cali Cartel T-Shirt para homem (Foto © Sthenos)
Sthenos x Calistenia T-Shirt para mulher (Foto © Sthenos)
Sthenos Hoodie Standard para homem (Foto © Sthenos)
Sthenos Top de Ginásio para mulher (Foto © Sthenos)

Detalhe do Hoodie Sthenos
Detalhe da T-Shirt alternativa da parceria Sthenos/Calistenia Portugal

Como são bastante ativos nas redes sociais, templates de post/story eram mandatórios. Assim conseguem manter a comunicação digital depois dos posts e stories iniciais serem feitos.

Perfil doInstagram
Template de Story Instagram para oPreçário

Para o website, trabalhámos numa equipa de três pessoas, na qual liderei o UX Design e tratei do desenvolvimento do layout/estilo do front-end. O processo começou com a criação de wireframes para alinhar a equipa e o cliente. Evoluiu depois para mockups de alta fidelidade e, após tudo estar alinhado, iniciou-se a fase de desenvolvimento. Havia muita coisa a acontecer em simultâneo, pelo que manter todos sincronizados foi crucial para evitar problemas mais à frente.

Partimos das pistas de modernidade da identidade visual e expandimo-las em páginas com fluidez, quebrando a grelha, utilizando tipografia tanto muito grande como muito pequena, e finalizando com gradientes para acrescentar interesse visual.

Página inicial

A identidade inicial incluía sugestões visuais para o estilo fotográfico, e o fotógrafo deles fez um excelente trabalho ao entregar imagens que se encaixaram perfeitamente na marca e se mantiveram visualmente consistentes. Houve um grande cuidado para criar um website inspirador que reunisse tudo o que necessitavam para continuar o seu percurso de crescimento. Isto incluiu algumas decisões de design interessantes, como um indicador visual das partes do corpo trabalhadas em cada exercício/aula e imagens de anéis personalizadas para representar cada pack que comercializavam.

Gráfico dp corpo para cada exercício e aula
Gráfico da dificuldade das aulas de 1 a 5
Imagens personalizadas para cada pacote que vendem

Página de detalhe do curso

Página de subscrição

Página de detalhe do exercício

Queres ver mais?


Tens um projeto em mente?