[Home](../../index.html) / [Work](../index.html) / Modern Web Design

Web design

# Modern Web Design Design Portfolio

Website layouts with attention to composition, navigation and visual hierarchy. [Open original project ](https://www.behance.net/gallery/247793455/Modern-Web-Design)

## My role

UI/UX & website design

### Project focus

Website design · UI/UX [Original project ](https://www.behance.net/gallery/247793455/Modern-Web-Design)

## The project

Present website design as a complete interface composition rather than an isolated thumbnail.

Website and interface design, as shown in the original project.

Illustrative creative workspace. Original project artwork is presented below.

Project breakdown

## The design & presentation

01

### Creative direction

Page hierarchy, type, spacing and the relationship between content and imagery define the visual experience. The source artwork is shown at its natural proportions so those decisions can be viewed directly.

02

### The finished work

My contribution is the website and interface design published on Behance.

Project gallery

## The work, up close.

Original project artwork and previews. Select any image for a closer look.

[](../../assets/new/images/modern-web-design.jpg) Modern Web Design [](../../assets/new/images/modern-web-design.jpg)

Explore the presentation

## How the work is presented.

- 01

### Understand the page hierarchy

- 02

### Explore the layout

- 03

### Inspect the interface

- 04

### View the complete design

## The delivered experience.

A published website design presentation focused on the interface and its visual hierarchy.

## More projects

[View all work ](../index.html)

[](../nanotek-ppf/index.html)

Websites

### [Nanotek PPF](../nanotek-ppf/index.html)

[](../nanotek-ppf/index.html)

[](../nanolink-usa/index.html)

Websites

### [Nanolink USA](../nanolink-usa/index.html)

[](../nanolink-usa/index.html)