JCC / WEBSITE EXAMPLES

One idea.
Many directions.

60 concepts to explore what your website could become. Choose a page type, open an example and try the experience.

Find my direction

Fictional concepts. No real enquiries or purchases.

Real projects
FOUR WAYS TO BEGIN01 / 04
Actual desktop capture of FOLIOOpen example
FOLIOCreative studio

Actual browser captures. Choose the mobile view in the gallery.

Explore by type.

60 examples · showing 12

More filters
VISUAL APPROACH

Open the example to navigate it. Desktop, Mobile and Details only change the preview.

01HomepagesTechnical

PLANO

Construction & renovation

Actual desktop capture of PLANO
Explore

Volumes, materials and a clear journey before construction.

TRYInteractive phase notebook and simulated enquiry

02ProductsEditorial

LASTRO

Ceramics / product

Actual desktop capture of LASTRO
Explore

The object takes the lead, with detail and clear choices.

TRYShape study synchronised with the selected model

03CollectionsEditorial

HERBÁRIO

Flowers / collection

Actual desktop capture of HERBÁRIO
Explore

Botanical arches and notebook margins form a collection of floral gestures.

TRYFilters, sorting, details and an editable local selection

04Landing pagesEditorial

PONTE

Law practice / landing

Actual desktop capture of PONTE
Explore

A conversational law-practice landing page, structured as a dossier of steps.

TRYGuided brief with validation and a local summary

05HomepagesEditorial

VEIO

Wood & interiors

Actual desktop capture of VEIO
Explore

An editorial composition bringing space and detail together.

TRYFurniture silhouettes and an atmosphere study

06ProductsTechnical

LUME

Lighting / product

Actual desktop capture of LUME
Explore

A laboratory-like language for exploring form and light.

TRYA graphic laboratory for shape and aperture

07CollectionsShop

ÂNGULO

Furniture / collection

Actual desktop capture of ÂNGULO
Explore

A catalogue of objects and spaces with deliberately unequal proportions.

TRYFilters, sorting, details and an editable local selection

08Landing pagesEditorial

ENCAIXE

Interiors / landing

Actual desktop capture of ENCAIXE
Explore

An interiors landing page with workshop-notebook logic and a sense of material scale.

TRYGuided brief with validation and a local summary

09HomepagesGraphic

LINHA

Contemporary barbershop

Actual desktop capture of LINHA
Explore

Poster-like attitude, assertive typography and a simple choice.

TRYService, day and time on a live selection ticket

10ProductsGraphic

TORRA

Coffee / product

Actual desktop capture of TORRA
Explore

Original graphic packaging and the ritual of preparing a pause.

TRYPreparation notebook and a live ratio calculation

11CollectionsTechnical

LINSE

Lighting / collection

Actual desktop capture of LINSE
Explore

A lighting collection presented as a technical index, with photographs revealed in rows.

TRYFilters, sorting, details and an editable local selection

12Landing pagesTechnical

UMA

Online store / landing

Actual desktop capture of UMA
Explore

A digital implementation landing page with an interactive, in-memory composition builder.

TRYSwitch compositions and build a validated local brief

13HomepagesEditorial

ARCO

Architecture

Actual desktop capture of ARCO
Explore

A study index, visual quietness and large photographic frames.

TRYLayered drawing: light, circulation and structure

14ProductsEditorial

ASSENTO

Furniture / product

Actual desktop capture of ASSENTO
Explore

A panoramic chair study in plum, with a construction sketch in the margin.

TRYOptions, quantity and an editable temporary selection

15CollectionsEditorial

FORMA

Ceramics / collection

Actual desktop capture of FORMA
Explore

A vertical gallery balancing object scale with a museum-like rhythm.

TRYFilters, sorting, details and an editable local selection

16Landing pagesTechnical

ESTUDO

Architecture / landing

Actual desktop capture of ESTUDO
Explore

A floor-plan landing page in negative, organising a conversation about space.

TRYGuided brief with validation and a local summary

17HomepagesImmersive

BRUMA

Hospitality

Actual desktop capture of BRUMA
Explore

A cinematic arrival and an invitation to a different pace.

TRYA daybook landscape and illustrative dates

18ProductsGraphic

PAPEL

Stationery / product

Actual desktop capture of PAPEL
Explore

An open page in orange: a notebook, broad margins and a writing narrative.

TRYOptions, quantity and an editable temporary selection

19CollectionsGraphic

MOAGEM

Coffee / collection

Actual desktop capture of MOAGEM
Explore

Original graphic labels, a reference table and choices of coffee ritual.

TRYFilters, sorting, details and an editable local selection

20Landing pagesImmersive

DIA

Retreat & pause / landing

Actual desktop capture of DIA
Explore

A quiet landscape landing page with chapters of an imagined day.

TRYGuided brief with validation and a local summary

21HomepagesEditorial

SAL

Restaurant

Actual desktop capture of SAL
Explore

Ingredients, table and place in a culinary narrative.

TRYIngredient notebook, menu and simulated table choice

22ProductsShop

SEIVA

Skincare / product

Actual desktop capture of SEIVA
Explore

Green glass, circles and a reading ritual: a skincare presentation without efficacy claims.

TRYChoose a moment and save one editable reference

23CollectionsEditorial

SEGUNDO

Watches / collection

Actual desktop capture of SEGUNDO
Explore

Three readings of the same object: a horizontal catalogue, scale and detail.

TRYFilter, sort, explore details and save without buying

24Landing pagesGraphic

MOV

Training / landing

Actual desktop capture of MOV
Explore

A session-poster landing page with graphic energy and choices of rhythm.

TRYTwo choices, validation and a local reference ticket

25HomepagesShop

NÉCTAR

Flowers & editorial shop

Actual desktop capture of NÉCTAR
Explore

A shop of botanical inspirations, more gesture than formula.

TRYBotanical composition linked to the style choice

26ProductsGraphic

FIO

Accessories / product

Actual desktop capture of FIO
Explore

An enlarged label in blue and green organises an accessory presentation.

TRYOptions, quantity and an editable temporary selection

27CollectionsGraphic

RISCO

Stationery / collection

Actual desktop capture of RISCO
Explore

A paper archive with index columns, original covers and graphic margins.

TRYFilter, sort, explore details and save without buying

28Landing pagesEditorial

ARO

Flowers & events / landing

Actual desktop capture of ARO
Explore

A botanical landing page in negative: a photographic arch, colour and a composition brief.

TRYTwo choices, validation and a local reference ticket

29HomepagesGraphic

PULSO

Training & movement

Actual desktop capture of PULSO
Explore

Graphic energy and a direct path to the first choice.

TRYMovement intention linked to the schedule and session

30ProductsImmersive

CACAU

Chocolate / product

Actual desktop capture of CACAU
Explore

Chocolate fragments on a dark backdrop: texture, contrast and a choice of moment.

TRYOptions, quantity and an editable temporary notebook

31CollectionsShop

AURA

Skincare / collection

Actual desktop capture of AURA
Explore

A circular showcase and three views of one fictional skincare mockup.

TRYFilter, sort, explore details and save without buying

32Landing pagesGraphic

HÁBITO

Coffee / landing

Actual desktop capture of HÁBITO
Explore

A ritual-centred landing page with a preparation drawing and a ticket of intentions.

TRYTwo choices, validation and a local reference ticket

33HomepagesEditorial

PAUSA

Wellbeing

Actual desktop capture of PAUSA
Explore

Soft shapes, a measured pace and room to slow down.

TRYInterval notebook and an optional visual rhythm

34ProductsTechnical

VOLTA

Mobility / product

Actual desktop capture of VOLTA
Explore

A side-on bicycle plate, wheel drawings and a technical column layout.

TRYOptions, quantity and an editable temporary notebook

35CollectionsGraphic

TRAMA

Accessories / collection

Actual desktop capture of TRAMA
Explore

A striped lookbook of labels and photographic views of a fictional accessory.

TRYFilter, sort, explore details and save without buying

36Landing pagesGraphic

PONTO

Design & communication / landing

Actual desktop capture of PONTO
Explore

A communication landing page built from typographic collage and two brief choices.

TRYTwo choices, validation and a local reference ticket

37HomepagesImmersive

MARGEM

Retreat & hospitality

Actual desktop capture of MARGEM
Explore

A photographic essay of large images, postcards and a different way of exploring a place.

TRYSave postcards to a temporary notebook

38ProductsEditorial

ÓRBITA

Watches / product

Actual desktop capture of ÓRBITA
Explore

A watch at gallery scale, circular dials and a quieter approach to detail.

TRYOptions, quantity and an editable temporary notebook

39CollectionsImmersive

JANELA

Hospitality / collection

Actual desktop capture of JANELA
Explore

A journal of places with large photographs and an index of atmospheres.

TRYFilter, sort, explore details and save without buying

40Landing pagesTechnical

SOLA

Energy / landing

Actual desktop capture of SOLA
Explore

A technical orientation diagram, without an invented energy-savings calculator.

TRYTwo choices, validation and a local reference ticket

41HomepagesShop

EDIÇÃO

Objects & collection

Actual desktop capture of EDIÇÃO
Explore

An object shop that opens with its catalogue, a visual directory and a personal composition.

TRYDetails, quantity and an editable selection without purchases

42ProductsEditorial

TERRA

Tea ritual / product

Actual desktop capture of TERRA
Explore

A diagonal tea ritual, green ceramics and intervals of paper.

TRYChoose a ritual and save one editable reference

43CollectionsEditorial

À MESA

Dining / collection

Actual desktop capture of À MESA
Explore

A photographic menu organises ingredients, encounters and place.

TRYFilters, sorting, details and an editable in-memory notebook

44Landing pagesEditorial

ENQUADRO

Photography / landing

Actual desktop capture of ENQUADRO
Explore

A photographic contact sheet frames space, objects and gestures.

TRYGuided choices and a local reference notebook with no submissions

45HomepagesGraphic

FOLIO

Creative studio

Actual desktop capture of FOLIO
Explore

A laboratory of original posters, expressive typography and a brief built in two steps.

TRYThree posters and a brief that preserves your choices

46ProductsEditorial

ALBA

Floral arrangement / product

Actual desktop capture of ALBA
Explore

An arched botanical composition shaped by height, negative space and a colour intention.

TRYChoose a floral style and save one editable reference

47CollectionsTechnical

CADERNO

Architecture / collection

Actual desktop capture of CADERNO
Explore

An architectural study index with numbered margins and monograph proportions.

TRYFilters, sorting, details and an editable in-memory notebook

48Landing pagesTechnical

LOOP

Software / landing

Actual desktop capture of LOOP
Explore

A digital-product landing page with a demonstration board that responds to card movements.

TRYMove cards, reset the board and build a local brief

49HomepagesEditorial

NEXO

Law practice

Actual desktop capture of NEXO
Explore

An editorial law-practice homepage with a practice index, contextual notes and a guided conversation.

TRYPractice choice and local summary, without legal advice

50ProductsImmersive

FÔLEGO

Atmosphere object / product

Actual desktop capture of FÔLEGO
Explore

A window of light, a restrained rhythm and a notebook of atmospheres.

TRYChoices, quantity and an editable in-memory notebook

51CollectionsTechnical

MÓDULO

Digital design / collection

Actual desktop capture of MÓDULO
Explore

Three original interfaces: a map, a diary and illustrative data without connected services.

TRYFilters, sorting, details and an editable in-memory notebook

52Landing pagesEditorial

FERMENTO

Cooking / landing

Actual desktop capture of FERMENTO
Explore

A cooking landing page with a notebook of gestures, expandable details and a guided invitation.

TRYExpandable notebook and a summary of intentions

53HomepagesTechnical

PRUMO

Accounting & management

Actual desktop capture of PRUMO
Explore

A visual system of blocks, diary and decisions for organising a business.

TRYAn in-memory priority map and organisation scenario

54ProductsTechnical

PRANCHA

Wood & furniture / product

Actual desktop capture of PRANCHA
Explore

An elevation drawing, photography and a graphic ruler place furniture in context.

TRYChoose a setting and save one editable reference

55CollectionsGraphic

FOLHAS

Posters / collection

Actual desktop capture of FOLHAS
Explore

A wall of original posters in deliberately different formats and positions.

TRYFilters, sorting, details and an editable in-memory notebook

56Landing pagesGraphic

TIPO

Creative event / landing

Actual desktop capture of TIPO
Explore

A creative gathering poster with a chapter-based programme and a demonstration ticket.

TRYChapter-based programme and a validated local ticket

57HomepagesGraphic

ENTRELINHAS

Books & publishing

Actual desktop capture of ENTRELINHAS
Explore

Original covers, publishing typography and a shelf that responds to a reading choice.

TRYFilter editions and save references without buying

58ProductsGraphic

DOBRA

Graphic art / product

Actual desktop capture of DOBRA
Explore

The poster is the image: original typography, semicircles and colour.

TRYChoices, quantity and an editable in-memory notebook

59CollectionsEditorial

CAPÍTULO

Books / collection

Actual desktop capture of CAPÍTULO
Explore

An editorial reading list with original covers, notes and library-like hierarchy.

TRYFilters, sorting, details and an editable in-memory notebook

60Landing pagesImmersive

NORTE

Travel & places / landing

Actual desktop capture of NORTE
Explore

An arrival essay, panoramic photographs and a notebook for an imagined journey.

TRYGuided choices and a local reference notebook with no submissions

YOUR PROJECT

Found a direction?

In each example, “Use this example” brings its reference to your request. The scope and proposal are defined for your business, not for a copy.

Talk to José Carlos
About these concepts and images

Design and development concepts by JCC. Names identify fictional businesses, not clients. Photography is licensed and illustrative. Eight original AI product mockups are identified as illustrations, not as products I made.

Previews are captures of the actual demonstration pages. No demo sends enquiries, books appointments or processes payments. Simulation choices stay in the live page, not in the real JCC request. The examples themselves are in Portuguese.

Photographic sources and licences Original AI mockups