Improve UX/UI #127
Improve UX/UI #127
Conversation
Alexandra-Haynes
commented
May 18, 2023
Alexandra-Haynes
commented
- 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 ↗︎
|
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.
Right, I apologize. Corrected it!
There was a problem hiding this comment.
When I expand the "What is HIERR" the Sign in to begin gets pushed off the screen. Maybe we can have the Sign in above the dropdown?
There was a problem hiding this comment.
good point! Fixed it
There was a problem hiding this comment.
hi! thanks for doing this! i'm also having issues with the details screen cutting off. once i click the "What is HIERR" i can't x out of it because it cuts off. i'm looking at it from a PC / edge if that makes any difference...
There was a problem hiding this comment.
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.
Also I added a slide-in animation for the text box
There was a problem hiding this comment.
good point! Fixed it
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.
Thank you for the copy! I made the adjustments mentioned. Let me know if this is what you had in mind. Thank you!
1055)
