Back to Home
Terralogic Academy.
Terralogic Academy.
UX Design.
UI Design.
Branding.
Edu-Tech
Edu-Tech
Timeline:
8 weeks
Tools:
Figma
Role:
Product Designer
Research & Analysis
Led the research of product, market and competitors from scratch.
Styling
Set the design language for the brand.
Website
Landing page and admission form for all devices.
Micro-Animation
Effects, and micro-animations to keep the user engaged.
Research & Analysis
Led the research of product, market and competitors from scratch.
Styling
Set the design language for the brand.
Website
Landing page and admission form for all devices.
Micro-Animation
Effects, and micro-animations to keep the user engaged.
Research & Analysis
Led the research of product, market and competitors from scratch.
Styling
Set the design language for the brand.
Website
Landing page and admission form for all devices.
Micro-Animation
Effects, and micro-animations to keep the user engaged.
Research & Analysis
Led the research of product, market and competitors from scratch.
Styling
Set the design language for the brand.
Website
Landing page and admission form for all devices.
Micro-Animation
Effects, and micro-animations to keep the user engaged.
Overview.
Overview.
To design a conversion-focused landing page that promotes Terralogic Academy's weekend-only coding classes, taught by industry experts, with potential internship opportunities. Targeting working professionals seeking career advancement, recent graduates entering the tech industry, and aspiring developers looking to gain practical skills.
Analyzed platforms like Memorisely, Codecademy, Growth School, and other online learning platforms to identify gaps and opportunities for differentiation. Focused on key value propositions: hands-on learning, in-person expert instruction, flexible weekend schedules, and direct internship opportunities.
Key difference between Terralogic Academy & others is that we emphasize the in-person, hands-on learning experience and the direct connection to internships.
To design a conversion-focused landing page that promotes Terralogic Academy's weekend-only coding classes, taught by industry experts, with potential internship opportunities. Targeting working professionals seeking career advancement, recent graduates entering the tech industry, and aspiring developers looking to gain practical skills.
Analyzed platforms like Memorisely, Codecademy, Growth School, and other online learning platforms to identify gaps and opportunities for differentiation. Focused on key value propositions: hands-on learning, in-person expert instruction, flexible weekend schedules, and direct internship opportunities.
Key difference between Terralogic Academy & others is that we emphasize the in-person, hands-on learning experience and the direct connection to internships.
To design a conversion-focused landing page that promotes Terralogic Academy's weekend-only coding classes, taught by industry experts, with potential internship opportunities. Targeting working professionals seeking career advancement, recent graduates entering the tech industry, and aspiring developers looking to gain practical skills.
Analyzed platforms like Memorisely, Codecademy, Growth School, and other online learning platforms to identify gaps and opportunities for differentiation. Focused on key value propositions: hands-on learning, in-person expert instruction, flexible weekend schedules, and direct internship opportunities.
Key difference between Terralogic Academy & others is that we emphasize the in-person, hands-on learning experience and the direct connection to internships.
To design a conversion-focused landing page that promotes Terralogic Academy's weekend-only coding classes, taught by industry experts, with potential internship opportunities. Targeting working professionals seeking career advancement, recent graduates entering the tech industry, and aspiring developers looking to gain practical skills.
Analyzed platforms like Memorisely, Codecademy, Growth School, and other online learning platforms to identify gaps and opportunities for differentiation. Focused on key value propositions: hands-on learning, in-person expert instruction, flexible weekend schedules, and direct internship opportunities.
Key difference between Terralogic Academy & others is that we emphasize the in-person, hands-on learning experience and the direct connection to internships.
Implementation.
Implementation.
Responsive Design: Ensured the landing page was fully responsive, providing an optimal experience on both desktop and mobile devices.
Accessibility: Implemented best practices for accessibility, including alt text for images, keyboard navigation, and sufficient color contrast.
SEO Optimization: Incorporated SEO best practices with targeted keywords, meta descriptions, and alt tags to improve search engine visibility.
Performance: Worked with the development team to optimize page load times, minimizing HTTP requests, and compressing images.
Responsive Design: Ensured the landing page was fully responsive, providing an optimal experience on both desktop and mobile devices.
Accessibility: Implemented best practices for accessibility, including alt text for images, keyboard navigation, and sufficient color contrast.
SEO Optimization: Incorporated SEO best practices with targeted keywords, meta descriptions, and alt tags to improve search engine visibility.
Performance: Worked with the development team to optimize page load times, minimizing HTTP requests, and compressing images.
Responsive Design: Ensured the landing page was fully responsive, providing an optimal experience on both desktop and mobile devices.
Accessibility: Implemented best practices for accessibility, including alt text for images, keyboard navigation, and sufficient color contrast.
SEO Optimization: Incorporated SEO best practices with targeted keywords, meta descriptions, and alt tags to improve search engine visibility.
Performance: Worked with the development team to optimize page load times, minimizing HTTP requests, and compressing images.
Responsive Design: Ensured the landing page was fully responsive, providing an optimal experience on both desktop and mobile devices.
Accessibility: Implemented best practices for accessibility, including alt text for images, keyboard navigation, and sufficient color contrast.
SEO Optimization: Incorporated SEO best practices with targeted keywords, meta descriptions, and alt tags to improve search engine visibility.
Performance: Worked with the development team to optimize page load times, minimizing HTTP requests, and compressing images.
Design Process.
Design Process.
Understanding the Target Audience: Identify the key demographics, motivations, and pain points of potential students. Consider their age, education level, career goals, and technical proficiency.
Defining Value Proposition: Clearly articulate what sets Terralogic Academy apart from other coding bootcamps. Emphasize the hands-on learning, industry expert instructors, and potential internship opportunities.
Setting goals & KPIs: Determine what success looks like for the landing page. Common goals include sign-ups, inquiries, and content downloads. Establish key performance indicators (KPIs) to measure success.
Wireframing: Created low-fidelity wireframes to map out the structure of the landing page, ensuring a clear hierarchy of information and intuitive navigation. Key sections: Hero, Benefits, Testimonials, Course Details, Instructor Bios, Internship Information, Register Section.
Pototyping: Developed high-fidelity prototypes incorporating the visual branding of Terralogic Academy. Focused on a clean, modern design that balances text, imagery, and CTAs to guide users towards conversion.
Visual Design: Color Palette- Chose a professional yet approachable color scheme that aligns with Terralogic’s brand identity. Typography- Selected legible, modern fonts that convey professionalism and innovation.
Understanding the Target Audience: Identify the key demographics, motivations, and pain points of potential students. Consider their age, education level, career goals, and technical proficiency.
Defining Value Proposition: Clearly articulate what sets Terralogic Academy apart from other coding bootcamps. Emphasize the hands-on learning, industry expert instructors, and potential internship opportunities.
Setting goals & KPIs: Determine what success looks like for the landing page. Common goals include sign-ups, inquiries, and content downloads. Establish key performance indicators (KPIs) to measure success.
Wireframing: Created low-fidelity wireframes to map out the structure of the landing page, ensuring a clear hierarchy of information and intuitive navigation. Key sections: Hero, Benefits, Testimonials, Course Details, Instructor Bios, Internship Information, Register Section.
Pototyping: Developed high-fidelity prototypes incorporating the visual branding of Terralogic Academy. Focused on a clean, modern design that balances text, imagery, and CTAs to guide users towards conversion.
Visual Design: Color Palette- Chose a professional yet approachable color scheme that aligns with Terralogic’s brand identity. Typography- Selected legible, modern fonts that convey professionalism and innovation.
Understanding the Target Audience: Identify the key demographics, motivations, and pain points of potential students. Consider their age, education level, career goals, and technical proficiency.
Defining Value Proposition: Clearly articulate what sets Terralogic Academy apart from other coding bootcamps. Emphasize the hands-on learning, industry expert instructors, and potential internship opportunities.
Setting goals & KPIs: Determine what success looks like for the landing page. Common goals include sign-ups, inquiries, and content downloads. Establish key performance indicators (KPIs) to measure success.
Wireframing: Created low-fidelity wireframes to map out the structure of the landing page, ensuring a clear hierarchy of information and intuitive navigation. Key sections: Hero, Benefits, Testimonials, Course Details, Instructor Bios, Internship Information, Register Section.
Pototyping: Developed high-fidelity prototypes incorporating the visual branding of Terralogic Academy. Focused on a clean, modern design that balances text, imagery, and CTAs to guide users towards conversion.
Visual Design: Color Palette- Chose a professional yet approachable color scheme that aligns with Terralogic’s brand identity. Typography- Selected legible, modern fonts that convey professionalism and innovation.
Understanding the Target Audience: Identify the key demographics, motivations, and pain points of potential students. Consider their age, education level, career goals, and technical proficiency.
Defining Value Proposition: Clearly articulate what sets Terralogic Academy apart from other coding bootcamps. Emphasize the hands-on learning, industry expert instructors, and potential internship opportunities.
Setting goals & KPIs: Determine what success looks like for the landing page. Common goals include sign-ups, inquiries, and content downloads. Establish key performance indicators (KPIs) to measure success.
Wireframing: Created low-fidelity wireframes to map out the structure of the landing page, ensuring a clear hierarchy of information and intuitive navigation. Key sections: Hero, Benefits, Testimonials, Course Details, Instructor Bios, Internship Information, Register Section.
Pototyping: Developed high-fidelity prototypes incorporating the visual branding of Terralogic Academy. Focused on a clean, modern design that balances text, imagery, and CTAs to guide users towards conversion.
Visual Design: Color Palette- Chose a professional yet approachable color scheme that aligns with Terralogic’s brand identity. Typography- Selected legible, modern fonts that convey professionalism and innovation.
Research.
Research.
Personas.
Personas.
Competitive Analysis.
Competitive Analysis.
Style Guide.
Interface.
Conclusion.
Conclusion.
The landing page successfully achieved its goal of converting visitors into enrolled students by focusing thorough research, strategic content development, and a visually appealing, responsive design. The landing page effectively communicated the unique value propositions of the academy.
The outcome was a significant increase in engagement, higher conversion rates, and positive user feedback, demonstrating the importance of a tailored, data-driven approach in creating impactful digital experiences.
The landing page successfully achieved its goal of converting visitors into enrolled students by focusing thorough research, strategic content development, and a visually appealing, responsive design. The landing page effectively communicated the unique value propositions of the academy.
The outcome was a significant increase in engagement, higher conversion rates, and positive user feedback, demonstrating the importance of a tailored, data-driven approach in creating impactful digital experiences.
The landing page successfully achieved its goal of converting visitors into enrolled students by focusing thorough research, strategic content development, and a visually appealing, responsive design. The landing page effectively communicated the unique value propositions of the academy.
The outcome was a significant increase in engagement, higher conversion rates, and positive user feedback, demonstrating the importance of a tailored, data-driven approach in creating impactful digital experiences.
The landing page successfully achieved its goal of converting visitors into enrolled students by focusing thorough research, strategic content development, and a visually appealing, responsive design. The landing page effectively communicated the unique value propositions of the academy.
The outcome was a significant increase in engagement, higher conversion rates, and positive user feedback, demonstrating the importance of a tailored, data-driven approach in creating impactful digital experiences.
THAT’S ALL FOLKS
THAT’S ALL FOLKS
THAT’S ALL FOLKS
THAT’S ALL FOLKS
THAT’S ALL FOLKS
THAT’S ALL FOLKS