Connect · v21

Redesign av Connect-appen som beholder dagens funksjoner men løfter design, hierarki og kommunikasjon. Mørk warm-brown palette, glass-morfisme, oransje accent. Alle skjermene vi har laget så langt — du kan klikke og scrolle ekte inni hver enkelt.

15. juni 2026 · 33 skjermer ferdig
Scroll bortover for å se alle
Sign up & login
Registrering

Hele registreringsflyten: telefon/e-post, verifiser kode, navn, fødselsdato, profilbilde, interesser, ferdig. Pluss log in.

Åpne →
Onboarding · Cinematic ✦
Intro-flyt

Cinematic intro som forklarer hva Connect er, fire feature-slides med ekte app-skjermer i telefon-ramme, og «Let's get started» til slutt.

Åpne →
Hoved-flytFeed & varsler
Feed
By people / By places

By people / By places tabs øverst. Today / Tomorrow / This weekend grupperinger med datoer. Fokusert feed.

Åpne →
Discover · med community
People · Communities · Places

Med Communities-seksjon: Suggested people øverst, Communities som horisontal scroll, og Places-grid nederst.

Åpne →
Discover · uten community
People · Places

Sammenligning: samme side uten Communities-seksjonen. Bare Suggested people + Places.

Åpne →
Notifications
Tabs · Pending requests

Pending connection requests i kort øverst med Accept/×. Tabs (All/Requests/Events). Kronologisk feed.

Åpne →
Mine tingProfil & connections
My events
Saved · Attending · Managing

Tre tabs med kompakte eventkort (dato, lokasjon, deltakere, del/lagre). Filter-sheet og egne tom-tilstander per tab.

Åpne →
Profile
Egen profil

Ryddet etter Amunds tilbakemelding: stats-tallene er navigasjonen (kompakt), én Edit profile-knapp, settings i toppen, og masonry-galleri med bilder.

Åpne →
User profile
Andres profil

Slik en annens profil ser ut — mutual friends, connect-knapp. Skilt fra din egen profil-skjerm.

Åpne →
Connections
Sync · Contacts

Connections-liste, sync contacts og «contacts on App» for å finne folk du kjenner.

Åpne →
Meldinger, søk & kontoChat & settings
Messages
Inbox · gruppe vs. privat

Samtaleliste med visuelt skille: grupper får stacka medlems-avatarer, private får ett foto. Floating + → New Group / Direct Chat.

Åpne →
Group chat
Messenger-nivå

Messenger-funksjoner: pinned melding, reply-sitat, reaksjoner, lesebekreftelser (Seen) og avstemning/poll. Event-kort med «View Event».

Åpne →
Direct chat
1-til-1 samtale

Privat tråd (Thea): enkelt-avatar + «Active now», delte event-kort begge veier med «View Event», Seen-bekreftelse.

Åpne →
Search · empty
Recent searches

Start-tilstand: aktivt søkefelt, kategori-filter-pills (All / People / Events / Places), Recent searches med Clear all.

Åpne →
Search · results
Etter søk · filter-pills

Resultater for "si": 6 People, 3 Events, 2 Places. Filter-pillsene viser tellere og kan filtrere live til kun én kategori.

Åpne →
Settings
Konto · about · more

Gruppert liste: Edit profile, Privacy/Terms/Help, Blocked users, Deactivate, Delete (m/ dialog), Log out.

Åpne →
Edit profile
Multi-bilde · crop/zoom

Avatar m/ kamera + bildestripe. Navn, fødselsdato, bio og aldersintervall-slider. Cream «Save changes».

Åpne →
Lage & detaljerCreate & event
New event
Smart form · Filled-state ✓

Gruppert form (What · Who can join · When · Where). Bottom sheets for image, type og date. Cream Publish.

Åpne →
Search address
Address picker

Egen side med søkebar (orange focus) og «Use current location» øverst. Adresseforslag mens du skriver.

Åpne →
Add to gallery
Bilde til profil-galleri

Dedikert side for å legge til ett bilde i profil-galleriet. Pick zone, preview med Beskjær-pill og valgfri bildetekst.

Åpne →
Event · By places
Offisiell arrangør

Mikkeller rooftop sunset. Cover-poster, hosted by venue, Guest List med tease, meta-pills, kart. Get tickets + I'm going.

Åpne →
Event · By people
Privat invitasjon

Vors hos Maria. Personlig host, «Accept invitation», Invite friends, Guest List med friends-badges, sticky footer.

Åpne →
ModulCommunity · senere
Find community
Discover · Member tab

Søk og bla i communities. Tab-veksling mellom alle og medlem av. Stacka member-avatarer på hvert kort.

Åpne →
Community detail
Connect Team

Cover, header, info-sheet, search-overlay og kalender-visning. Color-themed fra cover-bilde.

Åpne →
Community detail · Medlem
Ikke-admin visning

Samme side som Community detail, men uten admin-rettigheter: skjold-/«Administrer»-knappen (og admin-arket bak den) er skjult — kun info-knappen står igjen. Bruk ?view=member for denne visningen.

Åpne →
Create community
3-stegs wizard

«Hva samler dere?» / «Om communityet» / «Hva møtes dere om?». Live preview-kort som oppdateres.

Åpne →
Group detail
6 tabs · kalender-view

Feed / Events / Posts / Chats + Om. Owner/Member-pills og prev/next på kalender.

Åpne →
New group
Lag undergruppe

Skjema for å opprette en ny gruppe inni et community. Søk + invite-rader.

Åpne →
Create post
Innlegg i community

Skriv innlegg i en community. Bilde + tekst, publiserer i community-feed.

Åpne →
Invite to community
Invitasjonslenke + share

Lenke med 7-dagers gyldighet, share via meldinger/WhatsApp/e-post/Instagram, inviter Connect-venner.

Åpne →