Kompakkt / Kompakkt/Repo

Mobile version institution page

Open
#39 6 comments 0 reactions 0 assignees View on GitHub
design approved design needed effort - medium
Dominant language
TypeScript
Stars
17
Forks
2
PR merge metrics
No merged PRs in 30d

Description

### I developed responsive/flex design suggestions for the institution page in Figma:

**Version 1:**
the museum information is reduced and you can ask for more information on the button.
The information comes as an overlay card and the background gets pass through:
Bildschirmfoto 2024-04-24 um 14 45 41

The filter options can be shown by the search and filter icon, it also comes as an overlay:
Bildschirmfoto 2024-04-24 um 15 09 16

As a smaller, phone version it would look like this:
Bildschirmfoto 2024-04-24 um 14 50 06
Bildschirmfoto 2024-04-24 um 15 10 09

--> one question for the icons:
Now they are the same size like the object card icons, but a different size than the history or profile icon on the navigation bar. I like the bigger size better, but when it's close to the navigation bar, you can see that it is a different size. What do you think?

**Version 2:**
the museum information is not reduced:
Bildschirmfoto 2024-04-24 um 15 10 34

when scrolling down the information could still reduce like this:
Bildschirmfoto 2024-04-24 um 14 56 12

phone version:
here also the icons are smaller, just to compare how it would look like in this size.
Bildschirmfoto 2024-04-24 um 15 11 16

@lozanaross

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reviewing the linked Figma designs alongside the existing institution page. Resolve whether Version 1 or Version 2 should be used, including the icon-size question, with the maintainers before beginning. Done means the selected responsive mobile layout is implemented and its overlays, scrolling behavior, and navigation icons match the agreed design.

Written by the indexing model from the issue text.

Assessment

Tech stack
figma, typescript
Domain
design, frontend, mobile-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.