Updating AcadeMix page

[Gimhan_minion]

Thank you @Minuri_Adasuriya This is awesome We’ll use these in the description.

[jaye]

@janithRS @Bawantha_Rathnayaka @miluckshan-j @designTeam
Could you please help us to upgrade the UI design in the 2nd phrase?

[Gimhan_minion]

@akshika47

1. I’ve reduced the EFSL Logo size.
2. Added some space between description and “collaboration” line.
3. Justified the content in description as shown, and kept a space between hero image and description.
4. Please ignore the categories here because these are just dummy data I used in my localhost

If there are anymore changes do be done, Please leave a comment!

[miluckshan-j]

Yeah. Won’t be able to help as of now. Going through the threads and code. Will actively contribute after getting a better understanding. Hope that’s not an issue.

PS: It would be great if I can get a small walk-through so that I can speed up the process and contribute more.

[akshika47]

Thank you! This looks good for now(1st phase).

[janithRS]

@jaye what components are we handling on the 2nd phase?

[jaye]

We created a separated thread for that @janithRS

Upgrading the Academix UI

We need to reduce the number of clicks that a user needs to click to get where the user wants. Currently, the home page shows the categories and once the user clicks on a category it will go to a page with subcategories for that item. In order to get to the items for that particular subcategory, the user needs to click on a subcategory and It will go for the items page. As we discussed at our meeting we decide to show the items within the subcategories without redirecting to the items page. R…

[Minuri_Adasuriya]

If anyone needs any non-tech related help for UX work like UI testing, dbase upload data entry etc.: let me know happy to contribute

[akshika47]

@techTeam are you getting ready for launch?

[Gimhan_minion]

Academix phase 1 is deployed now. Sorry for the little delay. Data entry part is still on going, But we’ll finish it today. Thank you @techTeam @akshika47 @Minuri_Adasuriya For the support on academix.

https://sefglobal.org/academix/
(Check out the academix project)

[Minuri_Adasuriya]

Thank you so much for this Gimhan! This is def getting there. Looking at each of the pages, I notice the Language is not available under the elements that have been populated so far. Will Language be added in?

Also, I feel like there is alot of wasted white space in each of the pages and the font looks very small on Desktop. The mobile view looks really good!!! I think we should include a hover text for each of the Categories i.e. Play & Learn, Local Curriculum etc.: so people know what is included under each category. I can provide this to you if you are able to include the hover text.

[Gimhan_minion]

@Minuri_Adasuriya For the phase 1 we didn’t add the languages yet. and we should definitely make changes in the UI as you said. As soon as we finish fixing bugs in the current status we’ll move on to phase 2 quickly. Thank you!

[akshika47]

Thanks everyone. This is good progress and good job on delivering on time. Before we publicly launch the product I think we need to do some minor tweaks. I would echo @Minuri_Adasuriya’s comments and following are some of my observations.

1. O/L and A/L sections are empty. Are we filling them or would they be empty?
2. Navigation in sub sections are missing. There is no proper way to come back to the main page other than pressing back button.
3. There needs to be more spacing from the bottom
4. Text on the description and the hero image are not aligned.
5. I think we should move everything to the first page(This step would negate my suggestion #2)

What do you think @Gimhan_minion? Don’t accept everything I suggest as I am no web-dev expert. Please make counter arguments/suggestions.

[Gimhan_minion]

@akshika47 Sorry for the data entry delay. We had to add data one-by-one. Anyway Data entry part is done too! I’ll just reply to your suggestions in order,

@akshika47

O/L and A/L sections are empty. Are we filling them or would they be empty?

1. This was empty because of delay in data entry & issue in the URL. But it’s fixed now!

@akshika47

Navigation in sub sections are missing. There is no proper way to come back to the main page other than pressing back button.

2. We should definitely add a “back” button.

@akshika47

There needs to be more spacing from the bottom

3. In this case the answer is a “footer” I guess. We should try to make the header & footer in academix just as in the other pages.

@akshika47

Text on the description and the hero image are not aligned.

4. Umm… Can you please explain this a bit. I didn’t get the point

@akshika47

I think we should move everything to the first page(This step would negate my suggestion #2)

5. This should be a group discussion. My personal opinion is not to bring everything in the homepage itself. There are some sub-categories with 30-40 items. Altogether we have 250+ items. But definitely we should come up with a solution to remove the empty white spaces. We’ll have a discussion in this thread itself. @techTeam

Thank you!

[jaye]

Wonderful @Gimhan_minion and the team! This is more than I expected!

This is a great achievement! Thanks All who work hard to publish this version.
Special thanks go to @Gimhan_minion who leads the team by creating plans, timelines, and doing a bunch of things to make this a success.
I’m so thankful for @YohanAvishke who took the weight of the backend and guiding the team. Also, thank you very much @Gravewalker and @piumal1999 who worked hard on the backend along with @yohan
Last but not least, thanks @anjisvj, the hero of the frontend!

And thanks @akshika47 & @Minuri_Adasuriya as always, guiding the team on the correct path.

Let’s continue the discussion, and release the v2 with more exited features!!

[akshika47]

@jaye could you test the Academix page on safari? It seems the EFSL logo is not responsive.

@Gimhan_minion following back on my suggestions.

4. Text on the description and the hero image is not aligned. : We can ignore that for now. but please check the EFSL logo on a safari browser.

5. I think we should move everything to the first page(This step would negate my suggestion #2): I was not suggesting to display everything at once but to have a responsive approach. Nevertheless, this is something to discuss further.

[akshika47]

@Gimhan_minion let me know the next steps for the AcadeMiX page.

[jaye]

Ah yes. There’s an issue.

[akshika47]

@techTeam please fix the following issues before launch.

• responsiveness of the EFSL logo
• Extra white space problem: There is a lot of white space in items and subcategories and sub-subcategories. Few options that you can do to fix this 1) increase the text size 2) reduce the size of those elements. 3) add an icon 4) combination of everything. @janithRS @miluckshan-j suggestions?
• Adding a footer and add proper spacing between elements in the landing page

@Minuri_Adasuriya @jaye any other urgen changes before launching?

[Minuri_Adasuriya]

Agree with Akshika, also moving the content one layer up, I’m not sure which thread thiswas shared on but the way our FAQs in our website is displayed is great -is it possible to follow that format at the Local curriculum/play&learn sub categories? This might solve the spacing issue