Code Monkey home page Code Monkey logo

la-petite-travellerold's Introduction

La Petite Traveller

This website was created to provide guidance and inspiration for people interested in backpacking; furthermore those specifically interested in visiting Sri Lanka as that is the 'recent trip' currently featured on this website. This website was made for educational purposes only.

This website is made up of the following sections:

  1. Introduction
  2. Travel Tips 101
  3. Guide for the most recent trip the author has taken, in this case, Sri Lanka
  4. Form to sign up to La Petite Traveller's newsletter

The business goals for this website are:

  1. To advise users on how to backpack and travel around the world on a budget
  2. To inspire users to visit countries that have been reviewed
  3. Earn commission from links provided (hotels, restaurants)
  4. Build a database of users to send future information & content to, thus furthering the reach of the author.

The user goals of this website are:

  1. To easily find useful information & tips for travelling/backpacking
  2. To find inspiration for planning future trips
  3. To find a helpful guide on Sri Lanka, with possible routes to take and options available
  4. To find recommendations from a trusted source for restaurants and hotels
  5. To easily find affiliate pages for the author, with even more inspiration available
  6. To be able to sign up to directly receive content via a newsletter

UX


Strategy

Considering the core UX principles I first started to think about the strategy for this website and defined who the target users would be and what features/technologies they would want.

La Petite Traveller's target users are:

  • Aged 18-30
  • Past/future backpackers
  • People interested in travelling on a budget
  • Have an interest in visiting Sri Lanka

What these users would be looking for:

  • Clear, concise, easy-to-find information
  • Beautiful photos that provide inspiration and make the destinations look desirable
  • Helpful guidance on routes available
  • Recommendations for where to eat/stay

This website will offer all of these things whilst also allowing for intuitive navigation and comfortability of use. An effort was taken to not provide an overwhelming amount of information as this is often the reason people are put off with travel guides.

Due to the age group of the users, it is assumed that most users will be viewing the site on their mobile phones and therefore creating something responsive is integral to the design.

Scope

In order to achieve the desired user & business goals, the following features will be included in this release:

  • Header and menu bar, to navigate to various sections of the page
  • Carousel with images of holiday destinations to immediately entice the user
  • Information section full of tips for backpacking
  • Interactive Checklist of things to pack
  • Overview ratings for a recent trip, Sri Lanka
  • Map of the route taken
  • Information, recommendations and advice for travelling Sri Lanka
  • Gallery of images of Sri Lanka trip
  • Newsletter sign up form
  • Links to affiliate social media pages & email address

Structure

This website is a single page website to allow for desired flow; the navigation bar at the top allows for users to easily move to whatever section of the site they are interested in or they can simply scroll through the information as it is displayed. I chose the following order for the information 'Home > Travel Tips 101 > My Last Trip > Keep in Touch', as I felt this would allow for the information to be digested in the best way. The text blocks are broken up with images to ensure interest is kept and there is no information overload at any point. There is a concise review of Sri Lanka before the more in-detail guide as I wanted users to be able to find these key bits of information quickly. Finally there is a simple sign up form for users to sign up to the La Petite Traveller's newsletter.

Skeleton

[link to wireframes]

Surface

I chose a colour palette based around a deep blue and green as these colours remind me of the sea & being amongst nature. I want the users of this website to be transported to their own memories of travelling. I paired these with two lighter shades in order to allow for appropriate contrast.

Features


Technologies Used


Testing


Deployment


Credits


Acknowledgements


la-petite-travellerold's People

Contributors

daisygunn avatar

Watchers

 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.