ExplicaOnline
Estabelecemos uma parceria de colaboração
with ProtesteCasa to create an
outstanding
website for its real estate services.
ir para > explicaonline.com
> Overview
ExplicaOnline’s mission is to be the link between students and teachers. It offers an easy and reliable way to find and meet with an online teacher, receiving support on any subject at any time. The overarching goal was to create a virtual platform that would provide superior educational resources and engage both groups effectively.
> Services Provided
Branding
UX/UI
SEO Optimization
> Design Process
Pesquisa
Na fase inicial do nosso cronograma de pesquisa, realizámos uma pesquisa de utilizadores, uma análise da concorrência e uma auditoria de conteúdos, garantindo uma compreensão holística das necessidades dos utilizadores e dos activos de conteúdos existentes.
Definição de objectivos
Protótipagem
Lançamento
Implementação, incorporando testes de utilizadores tanto antes do lançamento como no período pós-lançamento para garantir o aperfeiçoamento e a otimização contínuos.
> Design Process
Pesquisa
Definição de objectivos
Protótipagem
Elaborar e integrar elementos de design visual no processo de wireframing, dando forma a uma representação tangível e esteticamente refinada da nossa interface de utilizador.
Lançamento
> Research and Benchmark
We looked for competitors targeting a similar audience or offering similar courses, then analyzed and improved the user journey, experience, and registration and onboarding processes.
> Emphatizing
To develop a website that satisfies its users, we analyzed the educational ecosystem, examining the perspectives of students, parents, and teachers. Our team considered factors such as academic goals, learning preferences, concerns, and technological proficiency.
> Branding Ideation
Our mission was clear: to enrich the ExplicaOnline experience with an intuitive brand style and message that sparks and amplifies the joyful fun of learning anytime, anywhere.
Learning should be a source of joy and inspiration, and that's precisely what we pursued with the visual design update. Our approach was to animate and cultivate the joy and fun of learning with an extended color scheme, comic-style illustrations and vibrant iconography.
Aa
Quicksand
Thin - Regular - Semibold - Bold
Social Communication
Aa
Open Sans
Thin - Regular - Semibold - Bold
Headings
Aa
Montserrat
Thin - Regular - Semibold - Bold
Display
> The Approach
Para compreender as diversas necessidades dos nossos utilizadores, iniciámos uma auditoria de conteúdos meticulosa, avaliando os materiais e recursos educativos existentes.
> Web Design
Conducting user testing at multiple stages via Hotjar-based heatmaps and session recordings helped validate design choices and incorporate valuable feedback.
Userflow and engagement also helped us create a compelling online experience via clear and logical pathways, reduced friction points, and strategically placing calls-to-action. The result was a seamless and user-friendly experience.
> Conclusion and Impact
This project was an opportunity to spotlight the diverse angles of the digital educational journey. From the research to implementation of low-code development, we're proud that the brand has now established a robust foundation for its clients and customers. More than a website, ExplicaOnline emerges as a dynamic space where education transcends conventional boundaries, fostering inclusivity and joy for learners of all backgrounds.
Always one step ahead, we’re now optimizing the User experience by collecting their impactful insights in web surveys and forms.
