saberespoder / urwelcome Goto Github PK

Reqs

Placement and Layout

• Replace current CTA "ask your question" area with new CTA
• Layout should be just like the CTA on fwd.us. Just make the font color and size match with the URwelcome site.

FIELDS
- 2 fields (name, email), and "Join" button
- Email provided should contain an "@" sign. If no "@" is provided, then user gets a flag about it and is not allowed to hit "join" until fixed.
- Both email and name MUST be filled out to hit "enter"
- When user clicks "enter",
a. email and first_name are saved in a URWelcome database.
b. User gets a modal window with confirmation message: "Thank you! A confirmation email has been sent to you". Tech: Feel free to make the UX/UI more beautiful.

Email
text: "Welcome to URWelcome!"
body: "Thank you for joining! We will email you more information shortly."
Email is sent from address: [yet unknown]

Steps to reproduce

1. Goto http://www.urwelco.me/ on iPad Air

Actual Result: Wrong layout on URW Homepage in mobile version

Expected Result:

Enviroment
current_user: user

server: http://www.urwelco.me/

browser: Safari / Google Chrome

operation system: iOS 10

Description

Limited URWelcome homepage. Responsive site. Most users on v1 and v2 will be board members, investors, contacts, friends, and family who will probably access the site mostly on desktop.

V2 requirements will be published in the next few days.

Prioritization and Due Date

@skatkov promised 2-3 day timeline from the day requirements are submitted. We also need to deliver SEP site in 2 weeks, and be ready to take on INE site.

Items

Domain is -> urwelco.me
For reference, here is the design to be edited
Files: Click here for files

In top-down order of placement on the page with priority level

• Drop-down menu buttons

  • Remove "home".
  • "About" takes user to "about" section of the homepage
  • Remove "contact"

• Remove "Ask your question" CTA bar. Replace with new CTA

• Edit value prop to read: "URWelcome is the world’s first membership platform dedicated to connecting immigrants and their families with the information, products, and services they need to thrive in a new country. Join or support the community today"

• Edit text of second CTA "Or jump right into the discussion".

  • Edit to "Visit the Spanish site!"
  • Clicking on it opens new tab and redirects user to -> saberespoder.com

• Icons are not clickable

• Remove scary faces or do something so the display looks good on mobile and desktop.

• Edit text associated with each "About URWelcome" icons

• Remove "Jump into the convo" button and everything below it up until the "or visit our spanish..." button. In other words, delete everything in this image.

• Edit the text of the "or visit our spanish..." button to "Try our service in Spanish"

FOOTER ITEMS

• Make all icons and words in the footer not clickable.

• Clicking on URWelcome takes user to the top of the page

• Clicking on the SEP logo takes user to saberespoder.com

OTHER

• Google Analytics

The first version of the website has a 68 performance score (not bueno). How we can improve on this:

• There's a lot of useless images for icons that are provided by font-awesome. We should replace them to make the page size smaller and improve load times and user experience.

• We should enable gzip compression for our assets; we can use heroku-deflater for this:

gem 'heroku-deflater', group: :production

Reqs

This is the section. Each icon has different text associated with it.

Icon 1 "B Certified"
Text: "As the highest rated B corp focused on Immigrant communities in the United States, URWelcome is committed to ensuring opportunity and success for its members and their families."

Icon 2 "US Map"
Text: "We believe anyone should be able to live in any country and have easy access to the right information, products and services they need to build a good life. That’s why we’re using data and technology to reimagine the immigrant experience for today’s connected world. Right now we're the #1 resource for Latinos in the United States, but in the future we'll serve immigrants moving to and from countries across the globe."

Icon 3 "Books"
Text: "We deliver custom, data-driven recommendations and services in key categories such as Education, Healthcare, Finance, Jobs, Telecommunication, Legal, and Government Services."