UI development

ASTRO UX RESEARCH

USER RESEARCH

About The Project

1. Hero Section Evolution & Friction Reduction

In the original screen.png, the hero section relied on a traditional center-aligned block of text stacked on top of an email input and a massive, literal image of the sky.

  • Asymmetric Cognitive Focus: In both -1redesign light.jpg and redesign dark.jpg, you shifted to a modern asymmetrical layout. Placing the copy and CTA cleanly on the left aligns perfectly with the F-shaped scanning pattern standard in user behavior.

  • Mitigating User Anxiety with Social Proof: You added the avatar stack accompanied by the text "Trusted by 10k+ seekers". From a behavioral psychology standpoint, adding social proof directly below the primary email CTA decreases friction and boosts micro-conversion rates.

  • Contextual Value Realization: Replacing the generic background image placeholder with a structured, glassmorphic layout previewing a "Live Session" immediately communicates the platform’s core utility to the user within the first three seconds of landing.

2. Card Refinement & Information Architecture (IA)

The original cards in screen.png felt blocky, utilizing dark containers on a dark background with jarring, vibrant blue buttons that created unnecessary visual noise.

  • Improved Scannability: In the redesigns, the astrologer and course cards feature soft, rounded corners and generous padding. By incorporating pastel background tones tailored to the practitioner's discipline (e.g., lavender for Vedic astrology, soft mint for Palmistry), you've introduced visual categorization without adding text clutter.

  • Micro-Interactions & Hierarchy: Moving the star ratings to a high-contrast pill on the top-right of the cards anchors the user's eyes to credibility metrics instantly. The conversion buttons (Book Session) are grounded beautifully at the base of the card profile.

Achievements

3. Structural Consolidation & Trust Signals

Looking halfway down screen.png, the "Why Choose Us" features and user testimonials felt separated and stretched out, inducing scroll fatigue.

  • Unified Trust Section: In the lower sections of -1redesign light.jpg and redesign dark.jpg, you smartly combined these elements into a unified grid panel. Putting value props on the left side and a massive, clean blockquote testimonial on the right allows the user to validate the platform's features and community feedback concurrently.

4. Accessibility & Dual-Theme Execution

Astrology and wellness platforms are unique; users frequently browse them late at night during quiet, reflective hours.

  • Environmental Empathy: Offering both a clean, daytime-friendly version in -1redesign light.jpg and a deeply immersive midnight purple variant in redesign dark.jpg shows immense empathy for the user's environment. The dark mode option swaps out harsh neon blues for deep cosmic purples, maximizing readability while safeguarding optimal contrast ratios.

unsplash.com/@reddfrancisco

Create a free website with Framer, the website builder loved by startups, designers and agencies.