Queryjane | Homepage redesign
Repository
https://github.com/augustakingfoundation/queryjane_app/
QueryJane is a web application developed with Django that allows to connect with companies and experts in different sectors of the cannabis industry. Beta version is available here.
![Screen Shot 2018-07-04 at 12.41.34 AM.png](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmeKYTSdiznQqFU3TbtwiRPutnX2L9gb7XQTxswZecGTut/Screen%20Shot%202018-07-04%20at%2012.41.34%20AM.png)
New Features
with the aim of taking the next important step in the project, which is to look for users, I have been doing some administrative tasks last weeks. The project needs the backing of a formalized company, and for this reason I have I have gathered some friends and we have created the Augusta King Foundation(Webpage under construction yet), a non-profit organization that wants to boost the growth of small businesses and emerging economies through the development of open source applications. The paperwork has been a bit complicated, and we still have a lot of work to do on that side, but we are moving forward.
With the same objective of attracting users to the application, I have been working in change the home page design, the previous design was provisional and very unattractive:
![Screen Shot 2018-07-04 at 12.24.46 AM.png](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmW4Pv7xLRgnayTZ8WR2b6LNvrVMdFDJv3gy7hByeCZGih/Screen%20Shot%202018-07-04%20at%2012.24.46%20AM.png)
It was a non-scroll page with the signup form, and nothing more. This was not very convenient when it came to showing visitors what the application was about, so it was necessary to change the design of the home to a more attractive one with more information. I must say that web design and CSS development are not among my strengths, but based in the Bootstrap 4 features I can made a good update of the homepage redesign. I have used a very cool library called aos.js, to add animations on the scroll action.
Used photographies must be changed or edited, but this work will be entrusted to @cunigarro. I've been talking to him because there are a lot of adjustments that need to be made as a result of updating the home page.
Let me show you the new home page design:
Now, when users visit https://queryjane.net/en/, they will see the next screen:
![Screen Shot 2018-07-04 at 1.16.06 AM.png](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmTGVxmQKYCSeCwbr5VK7x1wSAPRwTv8oTCVQfxXaKBwog/Screen%20Shot%202018-07-04%20at%201.16.06%20AM.png)
Now there is a little explanation about the project, and the navigation bar has links to the companies page and to the jobs page. Signup form has been removed from the home page and now there is a link to redirect users to the new signup form view.
Background photography is cool, but is too big, so it needs to be adjusted, and maybe a soft shadow could generate that the white text be more visible. I'm going to leave this to the designer.
By scrolling, users will see the next section:
![Screen Shot 2018-07-04 at 1.21.19 AM.png](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmda4yDk7DjwnVm8vvU2v1CEhhWKVyMqwjxFPQfx7yPPTX/Screen%20Shot%202018-07-04%20at%201.21.19%20AM.png)
This is a small exhibition about the functionalities that are implemented in the platform.
Afterwards, users will see this part:
![Screen Shot 2018-07-04 at 1.25.09 AM.png](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmfAbnSXmKfyBWn1Lk46EYii8LyoYxUTW8FY1q8i96k8Rf/Screen%20Shot%202018-07-04%20at%201.25.09%20AM.png)
It is an invitation to users to register their companies and their professional profiles. I don't link these pictures, must be changed, then, this is one of the tasks assigned to cunigarro.
By scrolling we will find a little section describing some benefits of register a company:
![Screen Shot 2018-07-04 at 1.27.49 AM.png](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmUNTcma33KiZ6M2wKMs6DbnMZQNuwQfsvkzMPcJ7rYqKb/Screen%20Shot%202018-07-04%20at%201.27.49%20AM.png)
And then we find now information about the foundation, about the project and an invitation to contribute:
![Screen Shot 2018-07-04 at 1.29.05 AM.png](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmNyJGDc4aocczJ3XSYqnBKBkUHijX3WnKcqJbhKr3TRro/Screen%20Shot%202018-07-04%20at%201.29.05%20AM.png)
And finally, the new footer :
![Screen Shot 2018-07-04 at 1.32.05 AM.png](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmY55wMAdG8PVcpKwQsg4KRGpE7NcNek7D7gzMz34MagnY/Screen%20Shot%202018-07-04%20at%201.32.05%20AM.png)
Changes are deployed in production server, take a look here.
Detailed code changes can be found in this PULL REQUEST.
Some new tasks has been generated, in addition to creating or editing images, it is necessary to re-structure static files, convert my .css files to .scss files, and fix all these detail that are generated by a backend developer doing css code (Per example, the purple color is different on Firefox and Chrome). Also, now we must to update all the application .html templates from bootstrap 3 to bootstrap 4, there are significant differences between these distributions. So it's necessary to create a good templates structure. I will be talking with cunigarro to get his help in this part.
I have created the sign up page view (Very similar to the old homepage) and I have updated the login page. But there is some design adjustments to do in these pages. Everything will be put in the designer hands, that is a very good .css developer too.
GitHub Account
![Screen Shot 2018-06-10 at 7.23.45 PM.png](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmPPJdbmZh2gDFUCkHzqCMXrVXFAt4GUgchknZdRRTcG5z/Screen%20Shot%202018-06-10%20at%207.23.45%20PM.png)
How to contribute
QueryJane has been developed using the Django framework. You can fork the project, and run it locally is very easy. Follow the steps described in the open source repository installation guide. The project has been configured using Docker. you only need to install Docker and follow these steps.
Future work.
Take a look to our public trello board. This is the easiest way to know our roadmap.
If you want to contribute, please join my Discord
Have happy days ✌
EXCELLENT name. So simple. Perfect!
Thank you. We have been working for a long time. We want to create a very useful tool for the cannabis indsutry, all your suggestions are welcome :).
Great commit messages. They're descriptive and consistent. One thing I might suggest using the present tense in imperative mood.
Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.
To view those questions and the relevant answers related to your post, click here.
Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]
Hi. Thank you for the suggestion, I will take care of it for the next contributions.
Congratulations! Your post has been selected as a daily Steemit truffle! It is listed on rank 17 of all contributions awarded today. You can find the TOP DAILY TRUFFLE PICKS HERE.
I upvoted your contribution because to my mind your post is at least 17 SBD worth and should receive 67 votes. It's now up to the lovely Steemit community to make this come true.
I am
TrufflePig
, an Artificial Intelligence Bot that helps minnows and content curators using Machine Learning. If you are curious how I select content, you can find an explanation here!Have a nice day and sincerely yours,
![trufflepig](https://steemitimages.com/640x0/https://raw.githubusercontent.com/SmokinCaterpillar/TrufflePig/master/img/trufflepig17_small.png)
TrufflePig
Hey @kit.andres
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!
Some more on Crypto and Cannabis.
https://steemit.com/@wadeko