rp42dev / uniqrete.ie

A website for local business

Uniqrete.ie

A web app for Local business Uniqrete limited is a family run business based in Ireland.

The focus of the company are decorative concrete products, offering unique creations in a variety of colours and customised styles. Its versatility brings inspired designs to life in residential, commercial and industrial settings.

The company has website that is built on Wordpress and is outdated and not responsive. The website is not mobile friendly and the design is not modern. The website is not SEO friendly. The company wants to build a new website that is modern, responsive, SEO friendly and easy to use.

The website will be built on Django, I will be using PostgreSQL for the database. The Website will be hosted on a Linux server with Nginx and Gunicorn for production.

Table of Contents

1. About The Project
2. UX
3. Design
4. Technologies Used
5. Roadmap
6. License
7. Contact
8. Acknowledgments

About The Project

![Product Name Screen Shot][product-screenshot]

(back to top)

Ux

Target Audience

The target audience for this website is business owners, homeowners, architects, interior designers, and anyone who is interested in decorative concrete products.

User Goals

The main goal of the user is to find out more about the company and the products and services they offer. The user wants to see the company's previous work and projects and get a quote for their project.

Business Goals

The main goal of the business is to display the company's products and services and get more customers. The business wants to display the company's previous work and projects and get more customers to contact them for a quote.

User Stories

As a user I want to be able to:

• Know what the company does and what they offer and how they do it.
• See the products and services they offer in a clear way.
• See the product/service details and get more information about it.
• Learn more about the company's history and how they started.
• Get to know the company better and see their previous work and projects.
• See the company's location and their work coverage areas and how to contact them.
• Contact the company if I have any questions or want to get a quote.
• See the company's social media links to connect with them if I want to.

As a company I want to be able to:

• Display range of products and services that the company offers.
• Display product/service detailed information with images.
• Display the company's history and previous work and projects.
• Display different awards and certifications that the company has.
• Display the company's location and work coverage areas.
• Provide a way for the customers to contact the company and get a quote.
• Provide a way for the customers to connect with the company on social media.
• QNA section for the customers to get answers to their questions.

Wireframes

Technologies Used

• Django
• Python
• Tailwind
• PostgreSQL
• rp42.cloud

(back to top)

Design

Features

• Responsive on all device sizes and screen resolutions
• Interactive elements on hover and focus
• Easy to use and navigate through the website
• Modern design and layout with a clean look
• SEO friendly and optimized for search engines

Pages

• Home page with hero image and short description of the company and its services
• About page with company history and previous work and projects
• Products page with product/service gallery linked to the product/service detail page
• Product/service detail page with product/service information and images
• Contact page with contact form and company location and social media links
• QNA page with QNA section for the customers to get answers to their questions

Structure

• Header:

  • Include the company logo
  • A navigation bar with links to the main pages
  • Clear call to action (e.g. "Get in Touch", "Learn More")

• Footer:

  • Include company contact information
  • Include social media links
  • links to privacy policy and terms and conditions

• Home Page

  • Hero Section:
    • The main focal point of the page with a clear call to action
    • Clearly communicate the company's value proposition
    • Brief overview of services/tagline/headline highlighting benefits offered
  • Features and Benefits:
    • Highlight key features of services
    • Highlight benefits to potential clients
    • Use bullet points, images, short descriptions
  • Recent Projects:
    • Showcase previous successful projects
    • Include images and links to project details
  • Call to Action:
    • Clear and prominent action (e.g. "Get a Quote", "Book a Consultation")

• About Page

  • Effectively communicate the company's mission, values, and expertise
  • Introduction:
    • Brief overview of company name, services, and location
  • Mission Statement:
    • Clearly state the company's mission, values, and purpose
  • Expertise:
    • Highlight the company's areas of expertise
  • Team:
    • Introduce key team members and their roles within the company
  • Testimonials if applicable:
    • Include testimonials from past clients to show the level of customer satisfaction
  • Contact Information:
    • Provide a clear and easy-to-find contact info (e.g. email, phone number)

• Contact Page

  • Introduction:
    • Brief overview of the company and services offered
  • Contact Form:
    • Essential component of contact page
    • Allow visitors to easily get in touch
    • Include fields for visitor's name, email, message
  • Contact Information:
    • Prominently display the company's address, phone number, email
  • Social Media:
    • Include links to the company's social media profiles

• Products Page

  • Products Gallery:
    • Display the company's products and services in a gallery
    • Link each product/service to the product/service detail page

• Product Detail Page

  • Product Information:
    • Display the product/service information and images
  • Call to Action:
    • Clear and prominent action (e.g. "Get a Quote", "Book a Consultation")

• QNA Page

  • QNA Section:
    • Display the QNA section for the customers to get answers to their questions
  • Call to Action:
    • Clear and prominent action (e.g. "Get a Quote", "Book a Consultation")

(back to top)

Roadmap

• [] UX
  • Define the problem
  • Target Audience
  • User Goals
  • Business Goals
  • User Stories
• [] Design
  • [] Ideas, Sketches and Wireframes
• [] Database Design
• [] Django Setup and Models
• [] Build out the rest of the site
  • [] Home Page
  • [] About Page
  • [] Contact Page
  • [] Products Page
  • [] Product Detail Page
• [] Deploy to production linux server
  • [] Django setup for production
  • [] Gunicorn and Nginx setup
  • [] Domain name setup and SSL certificate
  • [] Sitemap and robots.txt
  • [] Basic SEO setup

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Raivis Petrovskis - linkedin Project Link: Github

(back to top)