Invitation pages for GLANCE app

[omershotvibe]

Invitation pages for GLANCE app:

General:

The company has two different mobile invitation pages:

1. Regular invitation page - When a user invites another new user from within the app, to an existing album.
2. Events invitation page – when the company is creating an event from the admin system, and an SMS is sent from the company server to all the guests of the event at once.

Here is a link to the PSD file of the "Regular invitation page": https://www.dropbox.com/s/xrvsb4kaf3p0onz/Regular%20invitation%20page.psd

Here is a link to the PSD file of the "Events invitation page" : https://www.dropbox.com/s/fc9n4hov0cutggq/Events%20invitation%20page.psd

"Events invitation page" information:

This invitation page has some permanent fields and some changing fields: Here is the list of the fields in this page: 1.) "Hello!! You're invited to share photos on" - this text will remain permanent 2.) logo + Glance - this will remain permanent 3.) Name of the event - this text here will change according to the event, in your design we need a place holder of text. Will be modified in the affiliate system. 4.) Place of the event - this text here will change according to the event, in your design we need a place holder of text. . Will be modified in the affiliate system. 5.) Date + hour of the event - this text here will change according to the event, in your design we need a place holder of date and time. . Will be modified in the affiliate system. 6.) photos carousel - the photos will be modified - before sending the SMS the couple will give us 4-5 pictures to put in the carousel. . Will be modified in the affiliate system. The photos are supposed to be as a carousel with 4 dots at the bottom - for the user to scroll between them. 4 white dots, indicating that the user can scroll between the photos. 7.) get the app button - this will remain permanent 8.) "the fastest way to create and share albums with groups of friends" - this will remain permanent. 9.) Two phones – the behavior will be similar to the behavior of the current invitation page – screenshots will run over the phones, and it will recognize if the phone is an iphone or an android.
10.) get the app button - this will remain permanent 11.) now for iphone + android - this will remain permanent 12.) @2014 Glance , Inc., All right reserved - this will remain permanent 13.) www.useglance.com - this will remain permanent

This page should be coded to fit mobiles only. This page should be coded to fit left to right and right to left languages.

" Regular invitation page " information: This invitation page has some permanent fields and some changing fields: Here is the list of the fields in this page: 1.) "Hello! Matthew wants to share photos with you on" - this text will remain permanent – except for the name (Matthew in this case) that will contain the name of the user inviting.
2.) logo + Glance - this will remain permanent 3.) photos carousel - the photos will be modified - before sending the SMS the couple will give us 4-5 pictures to put in the carousel. . Will be modified in the affiliate system. The photos are supposed to be as a carousel with 4 dots at the bottom - for the user to scroll between them. 4 white dots, indicating that the user can scroll between the photos. 4.) get the app button - this will remain permanent 5.) "The fastest way to create and share albums with groups of friends" - this will remain permanent. 6.) Two phones – the behavior will be similar to the behavior of the current invitation page – screenshots will run over the phones, and it will recognize if the phone is an iPhone or an android.
7.) get the app button - this will remain permanent 8.) now for iphone + android - this will remain permanent 9.) @2014 Glance , Inc., All right reserved - this will remain permanent 10.) www.useglance.com - this will remain permanent

This page should be coded to fit mobiles only.

[omershotvibe]

The invitation pages should both have a fixed action bar presenting both stores buttons ("get the app" buttons). The reason for this is to let the users know, before even downloading the app, that we are a cross-plattform services. @n33 this fixed action bar appears when the user starts to scroll the page down.

[ajlkn]

I don't think we should have a fixed action bar. There are already two "Get the App" buttons. Having a third, and then including yet another button (for a completely different platform) not only clutters the screen but also confuses users. The design as Moe made it is, IMO, fine as it is.

[omershotvibe]

hi @n33

There's a general message I must mention – since I feel like there is a miscommunication about it.

When building those pages, the most important thing is to test it on a iphone4/iphone5/5s screen – to verify that the most important part of the screen is always visible to the users – in our case the most important part on the screen, the "call to action" of our page is the "Get the app" button, therefore – this button should ALWAYS be available to the user.

Looking at the page you built, I see the following notes:

1. The phrase "Hello! You're invited to share photos on.." should be positioned higher in the screen, closer to the action bar, the text should be with a darker font.
2. All the fields concerning the event data must be bigger and with a darker font.
3. The photo carousel – can be presented smaller, but, the current carousel structure isn't clear to users – they simply don't know that they need to scroll the photos – we need a small line of 4-5 white dots beneath the photos, so that the user will know that he can scroll through the photos.
4. The "get the app" button – can be positioned a little bit higher.

And from that line in the page – you can throw away all the design from the PSD and use only your own design from the first landing page you built back then. instead of "Shotvibe is the simplest..." Please write "Glance. the fastest way to create shared albums with groups of friends." and the "Glance can be bold.
Here are screenshots to remind you what i mean.

Btw, I opened the pages on Android devices and they were similar to the iOS device, while in the past, the invitation page recognized on which device it gets open. Let's finish first the event invitation page – and only then we'll move to the other page.

[ajlkn]

1. No problem.
2. No problem.
3. Doable. It'll require some JS though (which I avoided, since as I recall you guys wanted to keep this as lightweight as possible). Let me know.
4. No problem.

OS Detection: I can include that (again, requires JS; I believe the original just came in an Android version and a iOS version, and you did detection ahead of time).

Line: Not sure what you mean by this?

On 3/10/2014 8:15 PM, omershotvibe wrote:

hi @n33

There's a general message I must mention – since I feel like there is a miscommunication about it.

When building those pages, the most important thing is to test it on a iphone4/iphone5/5s screen – to verify that the most important part of the screen is always visible to the users – in our case the most important part on the screen, the "call to action" of our page is the "Get the app" button, therefore – this button should ALWAYS be available to the user.

Looking at the page you built, I see the following notes:

1. The phrase "Hello! You're invited to share photos on.." should be positioned higher in the screen, closer to the action bar, the text should be with a darker font.
2. All the fields concerning the event data must be bigger and with a darker font.
3. The photo carousel – can be presented smaller, but, the current carousel structure isn't clear to users – they simply don't know that they need to scroll the photos – we need a small line of 4-5 white dots beneath the photos, so that the user will know that he can scroll through the photos.
4. The "get the app" button – can be positioned a little bit higher.

And from that line in the page – you can throw away all the design from the PSD and use only your own design from the first landing page you built back then. Here are screenshots to remind you what i mean.

Btw, I opened the pages on Android devices and they were similar to the iOS device, while in the past, the invitation page recognized on which device it gets open. Let's finish first the event invitation page – and only then we'll move to the other page.

---

Reply to this email directly or view it on GitHub: https://github.com/shotvibe/shotvibe-web/issues/108#issuecomment-37253906

[omershotvibe]

1. great.
2. great
3. please do.
4. great.

OS Detection - required line - i mean all the rest of the page, that goes from beneath the first "get the app button". i sent you some screenshot to remind you what you did there in the past.

[ajlkn]

Clear on everything except what you mean by this:

"line - i mean all the rest of the page, that goes from beneath the first "get the app button". i sent you some screenshot to remind you what you did there in the past."

It basically looks that way already. Are you saying you want me to redo everything from below the first "Available on the App Store" button to resemble the original (with updated styling)? If so, that's no problem, but I'd basically be starting over with all of these changes.

[ajlkn]

• that includes the change to the carousel; I'll have to redo this from scratch pretty much (using JS instead of just CSS).

[omershotvibe]

@n33 - the last version looks great!! @sirpengi - we can start implementing it once we have the HTML zip file