Our goal is to create a user friendly site that is easily accessible at any device.
- Overview
- Description
- User story
- UX
- Features
- Configuration
- Testing
- Frequent assked questions
- Difficulties
- Coding platform
- Troubleshooting
- Contact information for distributors or programmers
- Deployment
- Creditors
- Acknowledgements
- Key support
To try and capture the caption of the rich diverse and exortic dream holiday safari's for both leisure and business travelers .
Safari has always being one of the major goals in life This webpage is created to embody both leisure and corporative travels that one would like to have in Afrika. The safaris are accompanied by an accredeted local tour guide with fully experienced and qualified to showcase the safiri game drives around Africa To capture the imagination of the safari.
Landing page image
-
created a mockup page using the Techsini multi-device mockup software
-
Wireframe
Landing page
changed the backround by removing the background image. This is the new look on the landing page.
Coding platform
-
The repositories are created in github that stores all the information via in the Gitpod Development platform.
-
Languages used are
-
CSS
-
HTML
-
little snippets of Javascript
-
workflow
UX
- The site is responsive that makes it easy accessible in all platforms.
- This gives the user access to the site at all times. making it practicle and valuable to human-technology interaction in all softwares. Making it very efficient to all demographics.
- Testing was done on google chrome and sent the links to the users through whatsapp.the links worked.
- I also used the W£validator site to test the CSS and hTML code.
- discovered that the social like were not visible. I found the problem was with the css styling.And it is now fixed and they are visible for the user
- The image carousel had a problem as well. The indicators were not visible to the user. I decided to use inline block display at the gallery page .
- During validation i found more that 40 errors. I tried to fix the errors but not all of them . I will revisit the site againto try and fix them.
- Most of the testing was done with friends and workmates, i uploaded gitpod app on my phone, this made it easy to access and sent the link via whats app to the user.
User story
The purpose of this site is to offer a user an appealing and user friendly platform to navigate around and sell the product to the customer This platfoam is to aanble the customer.
- as a user they would like to navigate through the pages without heading back tothe home page at all times discover new and interesting destinations. I created a navbar inecah page tomake it easier for the user to navigate through all all pages
- The user wanted to book and make make inquiries about the intangible products within the bookings. We created a contact page to send inquiries via email.
- The youtube video Trysafari. Created using the adobe sp software editing platform to create a vision that will enable the user to connect with the product visiualisation.
- To be recommended destinations.
- To be able to new bigger picture that will embody our vision and the desire of the user by creating a new experience.
Ordered steps
-
To discover new and interesting destinations
-
Want to book accommodation within the bookings
-
To create an experience in the recommended sites
-
To be recommended destinations on interest errors of unclosed abd open tags in the index page and corrected all of them.
-
receiver errors in the about me bage
-
To be able to browse activities to create a new experience
Troubleshootings
-
we discovered that the navigation bar tool was not working so i had to use a navbar instead of the menubar buttons. Used theBootstarp dropdown bars and researched how to create navbars in youtube
-
All users should be able to access easily through the pages with no delays , as defined on the site.
-
After creating the pages should be accessible and be displayed in both the desktop and by phone. should checking that all the pages are responsively active
-
Some of the images were pixilated i was able to access good images in the free stock photos at the pexels site https://www.pexels.com/
-
Some of the images sizes were too big so i used picresize webpage https://picresize.com/# to resize the images that would suite the site according to the users preference
Features
- Easy user friendly navigation system using the navbar.
- A trendy useer experienced design that features most of the travel features and information.
- Most of the content used using google and my content that i collected in the last years during my travel career background.
- The social media is a n extension of the business social links that i have crreated specifically for the page that includes the Youtube video channel
- A Pdf Download link
Learning references
- Code intitute webpage and videoclips
- Youtube videoclips
- W3 Schoolong webpage for referals and snippets
- Colorzilla used it for color picking
- Bootstrap 4 snippets
- Adobe creative cloud. Used adobe to create wireframes,images and editing videos.
- Balsamic webpage for creating wireframes
- Google chrome
- Stackflow platform
Code validity
-
- W3validator
Deployment
- Deployed in gitpod uder the settings page.
Creditors
- codeinstitute - I would like to thank the team for the efforts and amazing work for helping us students to uderstand and put our learning into practice.
- bootstrap4 - Thankyou for its creator ,contributors and maintainers team.
- gitpod - Thank gitpod team for developing the dev platform.
- youtube- The coding platforms in the youtube channels.
- codeinstituteslackcommunity - for your support.
- [Mentor] (https://code-institute-room.slack.com/team/UV80CEV8V) - Thankyou for going out your way and taking your time that you took to mentor me during this project.
Acknowledgements
-
Tim - thank you for going out of you way to assist me in my project even when i almost gave up you held my hand and believe in me.
-
CanSucullu - Thankyou for all the extra time you took to assist and mentor and made me focus on the goals that was needed during this project.
-
MR_Bim - Thank you for reaching out to me in slack whenever i needed helping.
-
Jim - Thank you for the extra work you put up during the presentation it was an eye opener too me on what its needed to be done.
-
mattrudge and BrianOgrady for the effort and lectures the have put in the videos to get this far.
Key support
CanSucullu - Thankyou.
link - Github Readme cheetsheet template
link - Emmet cheatsheet