UI/UX Design Inspiration #1
Tags: ux, webdev, uiweekly, productivity
Published: 2020-01-15 14:59:19

### *“We don't just build websites, we build websites that SELLS”― Christopher Dayagdag*

These days aesthetics of the website is also given importance along with functionality so it's necessary to have a good sense of how your website will look and impression on the users. Inspiration plays a major role in the life of developers and designers, it's the beginning of excellence.  In this series, I will be sharing some of the beautiful websites and web designs with you, which will inspire you and push you to get better. Let's get started.

* [Websites](#websites)
* [Designs](#designs)
* [Bonus](#bonus)


## Websites
### 1. [Adham Dannaway](http://www.adhamdannaway.com/)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/o2xvdd0lhjpzff11xy01.png)

This is a portfolio of Designer from Australia which expresses great imagination. I suggest you open this on your desktop and move the cursor from left to right and the other way, I am sure that this creativity will impress you.

### 2. [Crypton](https://crypton.trading/)
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/wl9k5iudcsj95sj2abuz.png)

For this one, I gotta say amazing!! As you keep on scrolling it will take you to the whole new experience.

### 3. [Away](https://away-kit.com/)
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/qaht87q4ryzh7vfs568h.png)

This is the cleanest website for today with the perfect amount of animations. White space is key in clean websites, and it has a perfect amount of it.


## Designs
### 1. [Haruki Murakami](https://dribbble.com/shots/9172697-Haruki-Murakami-Book-Author-Website-UI-Concept)
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/i9l423020doqcwlr8ytd.gif)

This is a conceptual idea for Haruki Murakami’s website featuring a section of his most popular works. The idea was to create an interactive site where users can flip through his excerpts, listen to his audiobook samples, and make purchases on the spot.

### 2. [Dashbord](https://dribbble.com/shots/7209133-Dashboard-Podkast-Light)
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/il53vyx3km76rdqsaxw2.png)

This design comes under clean and modern looking web design with bright colors and an adequate amount of white space which allows users to breathe.

## Bonus

### [What font](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)
![img](https://lh3.googleusercontent.com/5PtcL8ta78N6jOlwqwiDb1iozcx9Bcmx1USH3WX0n3qOxDJQE-0jEyKkkcNhlQRBMxPEKozPjQ=w640-h400-e365)

while browsing, you see some nice font and you wanna use it on your own website but don't know which font it is, did this ever happen with you? Well, it happens with me most of the time. This extension is a solution for it. With this extension, you could inspect web fonts by just hovering on them. It is that simple and elegant.


I hope you enjoyed this post and it inspired you for your next project.
Happy Designing.

Cover Credits - [cuberto](https://dribbble.com/cuberto)

>If my posts or resources I share has helped you in some way, please consider buying me a [coffee](https://www.buymeacoffee.com/puRIsFz). It will really help me pay my tuition fee and encourage me to share amazing and useful stuff with you all.