Person HTML-mallar

Högpresterande HTML-mallar för personer på webbplatser som lyfter fram individer

En personmall är en layout uppbyggd kring en enda person: ett fotografi, ett namn och en roll som visar var personen hör hemma. Kataloger under denna rubrik samlar flera olika format. Vissa alternativ är kompletta personliga profiler; andra är ledningssektioner, teamkort eller kundberättelser.

Fristående profiler jämfört med teamkort

En sida tillägnad en enda person och ett kort som upprepas i en personalöversikt fyller olika funktioner, även om båda ofta bär samma beteckning. Vad de delar är en begränsad uppsättning innehållsgrupper:

• identitet: porträtt, namn samt den roll eller titel som står direkt under;
• kontext: en biografi, ett ansvarsområde inom organisationen eller en kort presentation;
• bevis: utvalda arbeten, meriter eller ett omdöme från en uppdragsgivare;
• nästa steg: kontaktuppgifter, sociala länkar eller en knapp som initierar kontakt.

En fristående profil kan presentera alla fyra i följd. Ett kort i ett rutnät innehåller oftast en identitet plus en rad kontext, medan resten nås via en länk. Mallar som stöder båda delarna gör det möjligt för ett kort att expandera till en mer utförlig layout utan att kräva en separat design.

Vem som visas avgör prioriteringen

En chefsprofil och en fotografs portfolio ställer helt motstridiga krav. Den första kräver att namn, titel och företag går att läsa på en sekund, med ett formellt porträtt som inte skymmer texten. Den andra kan krympa porträttet till ett hörn och ge hela skärmen till verken, eftersom bilderna utgör själva argumentet.

Mellan dessa ytterligheter finns de vanliga situationerna. En klinik som listar fyrtio medarbetare behöver kort med ett enhetligt uttryck, medan ett företag publicerar grundarbiografier av kraftigt varierande längd. Det är här konsekvensen brister först: om en person skriver fyra meningar och en annan tolv, kommer ett kort format för fyra meningar att göra skillnaden smärtsamt tydlig.

Porträtt och biografier i mobilen

Layouter med fokus på personer stöter på förutsägbara problem på små skärmar. Ett porträtt dimensionerat för en hero-sektion på datorn kan ta upp hela den första skärmytan, och namnet kan hamna långt ifrån sin titel när kolumner staplas. Långa biografier trycker ner kontaktlänkar långt bortom den punkt dit besökare faktiskt scrollar.

Responsiva lägen i Nicepage låter dig granska samma layout i dator-, surfplatte- och mobilvy. Dokumentationen för responsiva lägen beskriver hur varje vy anpassas och hur den tvåkolumniga layouten för porträtt och biografi kontrolleras när den staplas till en enda kolumn.

Frågan man bör ställa sig före den visuella utformningen är hur många personer layouten ska rymma och hur mycket utrymme var och en kräver. En enskild omfattande biografi och en förteckning med trettio korta presentationer passar sällan i samma mall, och fel val kräver mer redigering än vad nedladdningen sparade in.