Product Landing Page
— DESIGN
Landing page
— TYPE
Platform
— MY ROLE
Product Designer
— CASE
UI Design
My role
I've worked on the creation of the page template from conceptualization to final screens.
Eu trabalhei na criação do modelo de página desde a conceituação até as telas finais.
Worked with me
Henrique DaCosta
Informações confidenciais (Non-disclosure agreement)
Para cumprir meu contrato de não divulgação, omiti informações confidenciais neste apresentação As informações a seguir são minhas e não refletem necessariamente as opiniões do Qconcursos.
Brief
Qconcursos is an EdTech that makes preparing for public tender more pratical, through a digital environment that integrates all stages of study and directs what the person needs to study, pointing out solutions that enhance their performance.
Goals
- Make clear the purpose of the company's product and its benefits.
Tornar claro a finalidade da produto da empresa e seus benefícios.
- Generate registration conversion opportunity.
Gerar oportunidade de conversão de cadastro..
Background
The project had a significant feasibility constraint due to the use of outdated technology that limited the possibilities for innovation in the platform pages. This limitation meant were unable to use more modern stack for development, which forced us to adhere to components, colors and spacing that already existed for both desktop and mobile applications. Our challange was to create a consistent flow and provide a good user experience.
Considering all these challanges, we focused on crafting simple and creative solutions that could benefit the company and its users.
Background
O projeto tinha uma restrição de viabilidade significativa devido ao uso de uma tecnologia defasada que limitava as possibilidades de inovação nas páginas da plataforma. Esta limitação significava que não podíamos utilizar uma stack mais moderna de desenvolvimento, o que nos obrigou a aderir a componentes, cores e espaçamentos já existentes no ambiente de trabalho, tanto para desktop quanto para mobile. Nosso desafio foi gerar um fluxo consistente e, ao mesmo tempo, proporcionar uma boa experiência de uso.
Considerando todos esses desafios, focamos na elaboração de soluções simples e criativas que poderiam beneficiar tanto a empresa quanto seus utilizadores.
Product Landing Page
The page offers users bit of infrmation that tell the value that the product has and how it proposes to help in their study journey by listing what is covered in the public tender and, for each topic, listing lessons and questions from previous exams.
Our goal was to ensure that this process was as simple as possible, also trying to anticipate the navigation through each of these study guides.
Product Landing Page
A página oferece aos utilizadores blocos de informações que narram o valor que o produto possuí e como ele se propõe a ajudá-los na jornada de estudo ao listar o que é cobrado na prova do concurso público e, para cada tópico, listar aulas e questões de provas anteriores.
O nosso objetivo era garantir que esse processo fosse o mais simples possível, buscando também antecipar a navegação por cada um desses guias de estudos.
Sections variations
For ensure a high level of consitency, we consider keeping the same structure as the Hero section, allowing for the dynamic exchange of text and images.
Para garantir um alto nível de consistência, nós consideramos manter a mesma estrutura de Hero Section, viabilizando a troca dinâmica de texto e imagem.
What I would do differently
After presenting the feature’s value proposition, I would anticipate the process of finding a study guide to start studying. For example: add a section where the user could search for a study guide for the public tender of his interest, being able to preview the prepared content.
Eu anteciparia o processo de encontrar um guia de estudos para começar a estudar. Por exemplo: acrescentar uma seção em que o utilizador pudesse realizar a busca por um guia de estudos para o concurso público de seu interesse, podendo pré-visualizar o conteúdo elaborado.