Design: Landing page for mobile application with assets

anitab-org / stem-diverse-tv

STEM Diverse TV is a project which gather and provide inspiring, motivating, informative, educational and supportive videos about diversity in STEM. This is a backend which provide content for multiple frontend applications build with Applicaster Zapp platform.

https://stem-diverse-tv.herokuapp.com/

GNU General Public License v3.0

13 stars 49 forks source link

Design: Landing page for mobile application with assets #173

Open nandini45 opened 3 years ago

nandini45 commented 3 years ago

Description

As a designer, I need to come up with the landing page design so I could customise our mobile applications.

Multiple assignments available, as long as there is not plagiarism and your work is unique

Customisable elements are:

colours - app background, fonts, cells, side menu + item, selectable item, top bar, headers.
Margins and paddings for cells and headers
corner radius (cells, text coloured background)
shadow - cell and image
Text background colour
Hamburger icon

Examples

Header + List	Header + Hero + Grid	Hamburger icon + side menu

Acceptance Criteria

[ ] PR with markdown document providing all informations (colours in hex-codes sizing, spacing) and linked images
[ ] contain all assets ready to reuse (hamburger menu)
[ ] please refrain from using other user designs (no plagiarism)
[ ] follows our branding guidelines

Definition of Done

[ ] All of the required items are completed.
[ ] Approval by 1 mentor.

Estimation

1-2 days

NenadPantelic commented 3 years ago

@nandini45 why are these UI/design issues opened under the backend repository? It makes more sense to add those to the stem-diverse-tv-cms project. Related to: #170, #171, #172, #174. cc @annabauza @vatsalkul @jalajcodes @Rahulm2310 @codesankalp

Rahulm2310 commented 3 years ago

Agree with @NenadPantelic. These issue should be on stem-diverse-tv-cms repo. Also, @nandini45 the description is not relatable. Please update it as well.

nandini45 commented 3 years ago

Ok.

On Sat, 3 Apr 2021, 3:14 p.m. Rahul Mohata, @.***> wrote:

Agree with @NenadPantelic https://github.com/NenadPantelic. These issue should be on stem-diverse-tv-cms repo.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/anitab-org/stem-diverse-tv/issues/173#issuecomment-812841803, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOZMDIPGPGVSYTLQZGYFNT3TG3PRVANCNFSM42J5AR7A .

nandini45 commented 3 years ago

@Rahulm2310 what description are you referring to?

annabauza commented 3 years ago

@Rahulm2310 @NenadPantelic , this is correct. We create OSH for design issues here for client apps - CMS is not a client app. @nandini45 I think just burger menu might be too small task, lets combine it with mobile one screen view - landing screen for instance.

nandini45 commented 3 years ago

@annabauza yeah

nandini45 commented 3 years ago

Anna like what i did is i combined 2 icons in one so that it may not look a very minor issue. i combined play pause icons and right arrow /fast forward icons and hamburger/overlay icons. what do you say? should i do it this way or with one mobile screen view

annabauza commented 3 years ago

@nandini45 each task is placed in single row, so one task should contains everything what we listed in that row, btw play and pause are separate icons.

annabauza commented 3 years ago

in the STEM diverse doc from today meeting.

nandini45 commented 3 years ago

yes yes ok @annabauza i will do it

annabauza commented 3 years ago

Thank you @nandini45