This is a website i designed called FieldNotes which is about travel journeys, you can read journ...

This is a website i designed called FieldNotes which is about travel journeys, you can read journ...This is a website i designed called FieldNotes which is about travel journeys, you can read journ...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Sami Saad

• Sep 24

This is a website i designed called FieldNotes which is about travel journeys, you can read journal entries about different travels and see the altitude, moving time and location of that entry

Completed work

Web Design Web Development Website CSS React Tailwind CSS TypeScript

Abdul Rafay

pro

• Sep 20

Which mockup would you choose?

Framer Website Development Web Design Web Development ChatGPT Figma Framer

6 voted

25%

18 voted

75%

24 votes

Closed

Akin Gundogan

• Sep 21

Custom Figma showcases design better for sure! 👍

Edd Works

pro

• Sep 20

Just finished designing and building my newest Framer template, ORYN Audio 🎧

A bold product landing page with detailed product visuals, interactive color selection, and smooth scroll animations. Built to look sharp on every screen and be easy to make your own.

It’ll be available for free. Take a look and let me know what you think 👇

https://oryn.framer.ai

Completed work

Framer Web Design Web Development

Alaa

• Sep 20

The high-contrast dark theme establishes a strong visual hierarchy, making the 3D exploded view the immediate focal point. Very clean typography and grid structure for a tech product page.

Muhammad ismail

• Sep 20

Fiverr Thumbnail Design — Visual Direction Exploration

Overview

Designed two visual directions for a Fiverr thumbnail, exploring different approaches to composition, typography, imagery, and visual hierarchy.

Direction 01: Centered Impact: A bold, center-focused layout that places the main message at the visual focal point for immediate readability and impact.

Direction 02: Dynamic Balance: A more dynamic composition using side-positioned typography with supporting imagery to create visual movement and stronger balance.

Both variations were created from the same core concept to explore how different layouts can influence attention, readability, and overall engagement.