Sesc SC

Portal responsivo projetado para o Sesc SC, sistema educacional profissionalizante.

Sesc SC

Portal responsivo projetado para o Sesc SC, sistema educacional profissionalizante.

Cliente

Sesc SC

Sistema educacional profissionalizante.

Ano:

2023

Objetivo:

O objetivo do projeto de UX para o site do Sesc SC foi redesenhar o portal com foco em melhorar a usabilidade e a experiência do usuário. A análise inicial revelou que os conteúdos apresentavam formatos e fontes distintas, comprometendo a navegação, a identificação de padrões e a organização das informações.

Para solucionar esses problemas, o novo portal foi desenvolvido priorizando a organização e hierarquização do conteúdo, além da padronização de componentes, cores e tipografias, seguindo o manual da nova marca Sesc. Essas melhorias garantiram um layout mais consistente, uma navegação mais fluida e, consequentemente, uma experiência aprimorada para os usuários.

Processo de trabalho

Para redesenhar o portal do Sesc SC, seguimos um processo estruturado com foco na usabilidade e na experiência do usuário. Começamos com uma análise detalhada do site existente, identificando inconsistências na formatação, na navegação e na organização do conteúdo.

Com base nesses insights, desenvolvemos uma nova estrutura que priorizou a hierarquização das informações e a padronização de componentes, cores e tipografias, garantindo alinhamento com o manual da nova marca Sesc. Criamos protótipos de alta fidelidade para validar a usabilidade antes da implementação, assegurando uma experiência mais intuitiva para os usuários.

O desenvolvimento seguiu a abordagem mobile first, otimizando o portal para diferentes resoluções de tela e garantindo uma navegação fluida tanto em dispositivos móveis quanto em desktops. O resultado é um portal mais organizado, acessível e coerente, que facilita a busca por informações e melhora significativamente a experiência do usuário.

Ferramentas utilizadas

  • Adobe Photoshop
  • Adobe Illustrator
  • Figma
  • ChatGPT
  • DALL-E

Entregas

As entregas do projeto contemplaram não apenas o protótipo de alta fidelidade, mas também o desenvolvimento completo do novo portal. 

Todo o site foi projetado e implementado seguindo a abordagem mobile first, garantindo que o conteúdo se adaptasse de forma eficiente a diferentes tamanhos de tela, priorizando as resoluções mais utilizadas atualmente: mobile (360x640) e full desktop (1920x1080). Isso proporcionou uma experiência responsiva e otimizada tanto para usuários de dispositivos móveis quanto para aqueles que acessam o portal em telas maiores.

Resultados

Com o redesign do portal do Sesc SC, conseguimos resolver os problemas identificados na análise inicial. A usabilidade foi significativamente aprimorada ao eliminar as inconsistências de formatação e origem dos conteúdos, facilitando a navegação e a identificação de padrões visuais.

A nova estrutura priorizou a organização e hierarquização das informações, além da padronização de componentes, garantindo um layout mais consistente e intuitivo. Como resultado, o portal agora oferece uma experiência de navegação mais fluida e coerente, alinhada às necessidades dos usuários.

Link para o trabalho 

Site do Sesc SC