Loading repository data…
Loading repository data…
susan-awori / repository
High conversion landing page project showcasing Content Strategy, UX and clean HTML/CSS for a fictional e-commerce platform
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
🚀 UzaLeo - Modern Seller Onboarding Landing Page
Project Overview
UzaLeo is a high-conversion, responsive single-page marketing website designed for a seller onboarding platform. The goal was to create a professional, engaging, and fast user experience (UX) to guide potential sellers through the platform's benefits and process, culminating in a clear call-to-action (CTA).
This project was built using clean, vanilla front-end technologies to ensure maximum performance and accessibility.
✨ Key Features
Professional Design: Utilizes a modern, high-contrast color palette and the Inter font family for a clean, trustworthy aesthetic.
Fully Responsive Layout: Designed and optimized using CSS Grid and Flexbox with media queries to ensure a perfect display on all devices (mobile, tablet, and desktop).
Grid-Based Testimonials: Features a simple, clean, and responsive grid to display social proof and seller feedback, replacing the complex carousel for better stability and UX.
High-Value Interactivity (Vanilla JS):
Smooth Scrolling: Implements JavaScript for smooth, animated scrolling when navigating between sections.
Form Feedback: Provides instant visual confirmation on the Contact Form submit button, enhancing the user experience on the static page.
Semantic HTML5: Clean, well-structured HTML for maximum search engine optimization (SEO) and accessibility.
🛠️ Technologies Used
HTML5 (Structure)
CSS3 (Styling, Grid, Flexbox, Media Queries)
JavaScript (ES6+) (Interactivity, Smooth Scroll, Form Handling)
📄 Licensing and Attribution
This project utilizes external assets, and proper attribution is given here:
Font Awesome Icons
The icons used throughout the Benefits and Process sections are sourced from Font Awesome.
Font Awesome Free License: The icons are used under the Font Awesome Free License.
Attribution: Icons by Font Awesome (used via local files for stability).
Custom Fonts
Inter: Used for all primary typography to maintain a modern, clean look.
⚙️ How to Run Locally
To view and interact with the UzaLeo Landing Page:
Clone the Repository:
git clone [My Repository live URL] (https://susan-awori.github.io/uza-leo-seller-onboarding-page/) cd uzaleo-landing-page
Open the File: Locate the index.html file in your project folder.
Launch: Open index.html directly in your web browser (e.g., Chrome, Firefox).
(Note: The page is designed to run statically without a local server, but opening it via a simple server is always recommended for professional testing.)
💡 Documentation & Credits
Documentation Assistance: [Google Gemini] was used as a drafting tool to help structure and organize this README file based on project information. All content was manually edited and finalized to ensure accuracy and alignment with the project's idea.
Design & Development: Susan Awori