Giter VIP home page Giter VIP logo

wedding-tipi-1's Introduction

Wedding Tipi Company

-> Link to live site here <-

Wedding Tipi Company are a supplier of giant tipis for outdoor weddings in Surrey, England.

The site is targeted at brides and grooms to be who are planning an outdoor traditional or festival style wedding reception. The potential client may be planning a small or large wedding where they would like a blank canvas of a venue. They may be looking in particular for a tipi in order to add their own personal touches to make their wedding day more personal and therefore special. The site aims to show why Wedding Tipi Company are the supplier of choice via information and portfolio, as well as showing the schedule of upcoming open days. The site also gives an easy means of contact via various methods inclusing social media.

-> Link to live site here <-

Responsive Mockup Of Site

Features

Existing Features

  • Menu and Navigation Bar

    • The menu navigation bar is clearly at the top of every page of the site.
    • The menu is fully responsive for all screen sizes. At mobile screen level, it condenses down to a toggle button to allow for more screen estate.
    • Each page is listed on the navigation menu and the currently active page is underlined to allow the user to navigate intuitively.

Navigation Menu Bar Nav Bar on smaller screen sizes

  • Large Hero Image for Landing Page

    • A large hero image is the first thing you see. It is attention grabbing with bright warm lights contrasting colourful bunting.
    • There is a small box with cover text to welcome the user in to the site. It also notifies users that the company is based in Surrey.

Landing Page

  • Reasons Section

    • The reasons section allows the user to see reasons why Wedding Tipi Company are the supplier of choice.
    • The site visitor will know more about the company values from this section.

Reasons Section

  • Video Section

    • The video section allows the user a little bit of interaction via a short youtube embed.
    • The video gives the user a good idea of what a dressed up tipi may look like.

Video

  • Open Day and Venue Section

    • This section will allow the user to see the dates of future open days, as well as get an idea of associated venues.
    • The section is easily edited to update for future open days.

Open Days

  • The Footer

    • The footer section includes contact information and opening times. More importantly there are prominent links to the relevant social media sites for Wedding Tipi Company. The links will open to a new tab to allow easy navigation for the user.
    • Social links are great for keeping clients up to date and involved with the company.

Footer Footer

  • Gallery

    • The gallery will help the user to gain an idea of what Wedding Tipi Company's finished products look like.
    • The potential client may also use these images in order to get some inspiration for their wedding.

Gallery

  • Contact Page

    • This page contains all contact details as well as a google map to allow the user to know geographic location of the company.
    • The contact form makes an easy direct first point of contact from the website.

Contact Page

Features Left to Implement

  • Add a page showing footprints and plans of tipi layouts tho that the user can understand how many tipis they may require in relation to their guest numbers.

Testing

  • The site has been tested on multiple browsers and devices. Tweaks had to be made to mobile sized screens on the index page but all reacts well now.

  • Every page and element of the site has been tested for reactiveness to different screen sizes. There is no overlapping of objects and everything is functional at all levels.

  • Lighthouse results for each page on mobile devices were made. Results in general are good. Performance could be improved by streamlining images accross the site.

Index page Index Page Lighthouse

Gallery Page Gallery Page Lighthouse

Contact Page Contact Page Lighthouse

Validator Testing

  • HTML

    • No errors were returned when passing through the official W3C validator W3C Validator
  • CSS

    • No errors were found when passing through the official W3C CSS validator W3C CSS Validator

Unfixed Bugs

  • There are no known bugs in the site's current build.

Deployment

  • The site was deployed to GitHub pages once enough of the repository was built. Code was built using Codeanywhere IDE.

Credits

  • A few elements were modified from the Code Institute 'Love Running' project. Specifically the hero image section, reasons section and open-day section. These have been tweaked in order to work for this site, both aesthetically and functionally as the basic framework was ideal for the Wedding Tipi Company site with the syntax fresh in mind.
  • 'W3Schools' for basic code to help me with the contact form.
  • 'embedresponsively.com' for the youtube embed.

Media

  • The photos used on the home and gallery page are credit to 'The Tipi Co.' and 'Sussex and Surrey Tipi Hire'.
  • The video is credit of youtube and 'Sami Tipi'.

Thank you for reading.

-> Link to live site here <-

wedding-tipi-1's People

Contributors

greggie87 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.