-
-
Notifications
You must be signed in to change notification settings - Fork 7
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Improve UX/UI #127
Improve UX/UI #127
Conversation
Alexandra-Haynes
commented
May 18, 2023
- Added a background video for the landing page, replacing the original image. The video is from Pexels.com and we are free to use it, even without giving credit, but I did add his name at the bottom right of the page, so we are totally fine. Of course, we can easily change the video if HIERR has a better suited one.
- Added a view-more-info-about-HIERR button that opens a div with more details about HIERR, written in a friendly and user-focused manner. Of course, HIERR needs to approve/ improve it to better represent themselves.
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I like the idea of having a new background. For me the video is a little choppy, but it may work for other people. I'm also unsure if we want to add another 20MB to the application to support the video, but I'll see what others think.
src/pages/index.tsx
Outdated
onClick={toggleMoreInformation} | ||
> | ||
<p className="border-white py-6 text-2xl text-white underline-offset-4 hover:underline"> | ||
What is HIEER? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This should be HIERR
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Right, I apologize. Corrected it!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi! Apologies for that! I think I fixed it for good now. Let me know what you think. Thank you!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Also I added a slide-in animation for the text box
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I really like this layout. A few comments:
- Change the welcome text to first line: "Welcome to the HIERR Project", second line: "Engagement Portal"
- Keep the "Click here to begin" button as the next element, with expanding details after (e.g., What is HIERR?).
- Add two more expanding detail boxes below "What is HIERR?": 1) "About this Engagement Portal" and 2) "Why am I creating an account?"
- See text descriptions for each of the detail boxes below.
What Is HIERR? (correct current spelling)
HIERR stands for
Hawaiʻi Economic Recovery and Resilience
Project Overview
The State of Hawai‘i Office of Planning & Sustainable Development’s (OPSD) Special Plans Branch was awarded a Statewide Planning Grant (SPG) funded by the U.S. Department of Commerce, Economic Development Administration (EDA) to develop an economic recovery and resiliency plan for Hawaiʻi. This project is designed to learn from the economic impacts and experiences of hardship associated with the COVID-19 pandemic to inform and enable actions toward a more resilient, equitable, and sustainable economy.
Goals:
- Support competitive project proposals designed to address economic hardships experienced by residents during the COVID-19 pandemic.
- Recommend policies and programs to address economic vulnerabilities revealed during the COVID-19 pandemic.
- Build upon and operationalize Hawai‘i's strategic framework for economic resilience.
By the end of this project, we will:
- Develop a series of information products grounded in resident experiences and values.
- Identify projects, programs, and funding opportunities aimed to improve economic resilience.
- Cultivate communities of practice around Hawai‘i's regional economic development and resilience.
Visit our project website to view recorded presentations, track progress, and discover engagement opportunities.
About this Engagement Portal
This engagement portal is designed to help our project team understand:
- Demographic information of those who participate in the project.
- What Hawai‘i residents value and envision for our State's economic future.
- Hardships faced by residents during the COVID-19 pandemic and economic shutdown.
Why am I creating an account?
Our engagement portal is set up to remember your progress by associating your responses with your email address. This means you don't have to complete everything in one sitting, but can come back to finish later without having to start over.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.