MPA

From the to-do list: MPA V1.0: UI

✔ Plugin landing page

Comments

Pierre henri Seylan on June 8, 2019:

Now that the basic mechanism is in place for the landing pages, we will proceed with the implementation of the plugin landing page.

First, please check the link below:
https://www.figma.com/file/HJSxcd2HNsVO7SVK4WcRywaH/Soundslate?node-id=43%3A1792

We should first clarify the following:
  • Can you work wiith the Figma instead of sketch file for the landing pages?
  • Can you view all details of the document in the link above?

If you are unable to view the document, please create a account and send the mail used for this account, we will add more permissions.

Daniel Ch. on June 10, 2019:

I can try it, but I can't understand where I can get assets for work?
I'll need icons and other images.

Pierre henri Seylan on June 12, 2019:

Some details about the implementation:

1. Web links:
Some buttons are web links, which should point to soundslates.com for now
Those are:
  • purchase button 
  • Learn more/ user manual / tutorial (at the end of the page)

2. Dyamic section:
The section displaying the packs artworks (see below) should be a copy of the home page "popular packs" section.
The artwork size should be updated to use the same size as in the Figma example, but the content must be the same as on the home page.


3. Icons:
Some missing icons will be delivered asap.
However for the packs section, let's use the same icons as in the home page slideshow, see below:

Pierre henri Seylan on July 5, 2019:

Feedback:

1. Bug displaying landing page:
when deleting the "MPA setting" file to reset the settings, the plugin landing page appears when opening the app, regardless of the selected tab.
I other words, the app opens on the sound library tab, but the plugin landing page is displayed.

2. Top bar:
Currently it is not possible to move the app by grabbing the top section of the landing page.
This was active when the top bar was displayed.
Let's make the top of the landing page to act as a top bar, so the user can grab it to move the app around.
This should also work when scrolling down the landing page.
See the video below:
https://www.dropbox.com/s/kak2nfxkenrmgqq/top%20bar.mov?dl=0

3. packs section:
In the packs section, clicking on a pack should open the packs detail page

Pierre henri Seylan on July 17, 2019:

Hello,

Update:

Below you will find a folder containing the view for the day mode of the landing page and the missing icons for the 2 modes.
Also, the Figma template has been updated with the Day mode layout 

https://www.dropbox.com/s/pv7imzugfx31vdo/Landing%20page.zip?dl=0

Pierre henri Seylan on July 29, 2019:

Feedback 2:

1. Buttons:
The oval buttons don't have the same shape as on the design model.
-Also, the shadow is missing.
-The colors are also different as in the rest of the app.

let's simply re-use the buttons used accross the app, for exemple in the preference panel or on the alert windows.


2. Player:
The audio player should be displayed over the laqnding page when playing a sound.
Try for exemple to play a sounnd pack preview on the plugin landing page 

3. packs section:
In the packs section, clicking on a pack should open the packs detail page
This remains to be done

4. Hoover:
At the bottom, there are 3 links: learn more,  user manual etc

The color used for "learn more" is the color to use whe hovering on onne of the links.

Pierre henri Seylan on September 24, 2019:

Feedback 3:

1. Bug loading packs:
If the home page is not loaded, the packs section of the plugi landing page doesn't load.
to test:
  • open the app
  • go directly to plugins page

This should be fixed so that the request to load the packs is triggered when opening the plugins page and is ot coupled with the home page