Badget icon indicating copy to clipboard operation
Badget copied to clipboard

Published 20 hours ago • verified publisher icon projectx-codehagen

Feature: Enhance Landing Page Design

Open Codehagen opened this issue 1 year ago • 5 comments
trafficstars

Type of feature

🎨 Style

Current behavior

The current landing page serves its basic purpose but lacks the modern design elements and user interface components that could enhance user experience and engagement.

Suggested solution

Suggested solution

Revamp the landing page by incorporating sleek, contemporary UI components inspired by Acternity's UI components. The new design should focus on:

  1. Responsive UI Components: Implementing fully responsive design elements that provide an optimal viewing experience across a wide range of devices.

  2. Intuitive Navigation: Designing an easy-to-navigate layout that guides users to the most important parts of the website with minimal effort.

  3. Aesthetic Appeal: Utilizing a modern aesthetic that aligns with the latest design trends to create a visually appealing first impression.

  4. Improved Content Structure: Organizing content in a manner that is easy to understand and interact with, ensuring that key messages are communicated effectively.

  5. Call-to-Action (CTA) Optimization: Strategically placing CTA buttons to drive user engagement and conversions.

Detailed Actions:

  • Action 1: Audit the current landing page and identify areas of improvement.
  • Action 2: Create a design mockup incorporating new UI components.
  • Action 3: Develop the landing page using the chosen tech stack and ensure compatibility with the current backend.
  • Action 4: Test the new landing page design for user experience and iterate based on feedback.

Additional context

The inspiration for the new design is based on the well-structured and visually appealing components of aceternity's UI library. The goal is to create a landing page that is not only functional but also stands out in terms of design and usability.

Codehagen avatar Feb 14 '24 17:02 Codehagen

HI @meglerhagen , I would love to work on the frontend code once the design is done.

syedsadiqali avatar Feb 21 '24 02:02 syedsadiqali

Hello @syedsadiqali - Would love to see what you're thinking ✨ Assigned you the issue. Think we fist can start with a mock that we are aligned then get into the code 👏

Codehagen avatar Feb 21 '24 04:02 Codehagen

Thanks @meglerhagen! is someone working on the mock design ? looking forward to working on this.

syedsadiqali avatar Feb 23 '24 03:02 syedsadiqali

@syedsadiqali Sorry for the delay! Going to work on the mock. Or do you have a mock in mind? ✨

Codehagen avatar Mar 04 '24 19:03 Codehagen

@meglerhagen , no worries at all! While design isn't my forte, I can certainly provide some input on the UX aspect. Here are a few suggestions:

  • The hero area on the current landing page could use improvement. Consider crafting a more compelling headline for better engagement.
  • It would be beneficial to include a 60-second video explainer of the app to enhance user understanding.
  • Integrate testimonials to build trust and credibility among users.
  • Include a section with frequently asked questions (FAQs) to address common queries.
  • Provide a list of supported banks and credit cards for transparency and user convenience.
  • Ensure a clear call-to-action (CTA) to guide users through the next steps.

I understand these are general recommendations, but they might serve as a starting point for our next steps.

syedsadiqali avatar Mar 06 '24 05:03 syedsadiqali