Guvi Full Stack Development Bootcamp Landing Page

Guvi Full Stack Development Bootcamp Landing Page

Overview:

I undertook the task of revamping the landing page for Guvi's Full Stack Development Bootcamp. My primary focus was on enhancing the aesthetic appeal of the page while ensuring that the design adhered to UX laws for optimal user experience. The goal was to create a visually engaging and user-friendly page that effectively communicated the course's value and encouraged enrollment.

Design Approach:

• Implementation of UX Laws:

  • Fitts's Law: I increased the number of tappable buttons on the page, making key actions more accessible and easier to interact with, thereby improving the overall user experience.

  • Hick's Law: I streamlined the "Talk to our expert" options, reducing their number to simplify decision-making for users and minimize cognitive load.

  • Miller's Law: To enhance memorability, I adjusted the company name list display so that only eight names are shown at a time. This change aligns with the principle that users can best retain about 7±2 items in their short-term memory.

Notable Changes:

• Branding Enhancements:

  • Addition of Guvi’s Logo: The logo was strategically placed to reinforce brand identity throughout the landing page.

  • Color Scheme Adjustment: I changed the primary color to Green (099F4E), complemented by Eerie Black, creating a modern and cohesive visual identity.

• Content Reorganization:

  • Highlighting the Overview: The course overview was made more prominent, ensuring that users could quickly understand the benefits and structure of the bootcamp.

  • Details Positioning: Information about the Full Stack Development course was moved to a more accessible position on the page, prioritizing content that matters most to potential registrants.

  • Program and Project Details: I streamlined the presentation of shortlisted programs and projects, making them available in a downloadable file for users who want more in-depth information.

• Key Features Highlighted:

  • Program Fees and Discounts: I emphasized the program fees and available discounts, making this crucial information easily visible.

  • Company Lists as Floating Elements: The list of companies associated with the bootcamp was designed as a floating element, ensuring continuous visibility as users scroll through the page.

  • Added Advantage Points: The advantages of choosing Guvi’s Full Stack Development Bootcamp were highlighted, helping to differentiate it from competitors.

• Additional Information:

  • Social Media and Contact Information: I included links to Guvi’s social media pages, their address, and a link to download the Guvi App from Google Play, ensuring that users have multiple ways to connect with the platform.

Outcome:

The revamped landing page successfully balanced aesthetic appeal with functional design, aligning with UX principles to enhance user experience. The strategic layout and highlighted content areas contributed to a clearer presentation of the bootcamp's value, ultimately supporting Guvi's enrollment goals for the Full Stack Development Bootcamp.