Nolr - Website

Nolr - Website

Timeframe
2 weeks (October 2023)
Tags
Product Design
Web App
Platform
Web 🖥️
Source code
Technologies
Vue
Nuxt.js
Javascript
Tailwind
URL
Description
A visually appealing and responsive landing page for an on-demand cleaning services app, showcasing its features and encouraging user sign-ups.

Project Overview

In this project, I designed and developed a landing page for an on-demand dry-cleaning and household cleaning service app. The goal of the landing page was to attract potential users, provide key information about the app's features, and encourage sign-ups.

My Roles & Responsibilities

As the Lead Software Engineer for this project, my responsibilities included:
  • Designing the layout and user interface of the landing page.
  • Implementing responsive design to ensure the page looks great on all devices.
  • Writing clean, efficient Vue & Nuxt.js code.
  • Ensuring fast loading times and optimizing the page for SEO.
  • Integrating analytics tools to track user behavior and engagement.

Key Objectives

  1. Attract Visitors: Create an appealing and informative landing page to capture the attention of potential users.
  1. Showcase Features: Highlight the key features and benefits of the app to inform users.
  1. Encourage Sign-Ups: Implement call-to-action (CTA) buttons and sign-up forms to convert visitors into users.

Design Process

  1. Research and Inspiration:
      • Analyzed competitor landing pages to identify best practices.
      • Gathered inspiration from design websites and trends.
  1. Wireframing and Prototyping:
      • Created wireframes to plan the layout and structure of the landing page.
      • Developed a high-fidelity prototype using design tools like Figma.
  1. Development:
      • Translated the design into code using Vue & Nuxt.js according to client specification.
      • Ensured cross-browser compatibility and responsiveness.
  1. Testing and Optimization:
      • Conducted usability tests to gather feedback and make improvements.
      • Optimized the page for fast loading times and better SEO.

Demo

notion image
notion image
notion image
notion image