Discover the best space websites created by professional designers. Get inspired and start planning your perfect space web design today!

I was super inspired by the incredible work done by the team behind the Epicurrence 8 site design that I just had to take a stab at rebuilding it this past week 💜

epicurrence-build

Epicurrence site rebuild (2018)

New cyberspace transmission detected. Please intercept and initiate visual scan...

The concept behind this website is that you 'Add to Cart' the different web elements you require to build your new website before checking out to open the contact form. No real products or transactions involved! The 3D images are modeled and rendered in Blender. Also includes a Sketchfab embed to view the 3D model. Thanks for looking! :-)

Web Elements

Web Elements 3D

Plan your voyage to Earth's moon, to Mars, Jupiter or Saturn!  

Original concept and design by Mike Delsing, brought to life on the web in Webflow by yours truly.

spaced

Spaced - To Space & Back — responsive, interactive website 🚀🌙🌎✨👾

I am inspired and honored to work with Ryan Morrison at Webflow, he does amazing work! Ryan recently designed a beautiful illustration for our new home page at Webflow, the moment I saw it, I just wanted to animate and build it all in Webflow. 

So I decided to bring it to life in Webflow without using any images, yep, those are all div blocks :D

Recreated illustration and animation in Webflow

Recreated illustration and animation

The Institute researches the issues of today’s urban reality. Their students and contributors are eager to make the cities of the future sustainable, multicultural, safe and healthy. The change is made by those who are at a leading edge of architecture and urbanism.

Spaces Urbanistic

More an experiment than an example to follow... a vertical parallax using only webflow and custom CSS code. It's a bit hard to fine tune and maintaink lot's of tweaking, but it mainly works.

CSS Vertical Parallax

CSS only Parallax with Webflow

Inspired by Nasa's amazing Visions of the Future poster series... Made with Interactions 2 and 3D Transforms. Thanks for looking! :-)

Cloud 9 Observatory

No matter how isolated we feel because of the pandemic, we'll never know how it feels to be 300 million miles from anyone else.

I created this landing page in Webflow, to celebrate the astonishing feat of landing a rover on the Mars surface, and setting the foundation for future expeditions.

I had lots of fun creating this, so feel free to like, comment and clone this project. 🤘

Perseverance Rover

Perseverance Mars Rover

All the images you've seen of the Solar System are wrong.

The true size of the Sun, planets, and their orbits would make it impossible to fit everything in the same frame.

In this interactive demo, I invite you to explore that, hoping that together we can behold the sheer beauty that lies in our own cosmic backyard. 

If you found it useful in any way, don't hesitate to like, share and clone this project. I love building these animated models, so if you have a suggestion for the next one, let me know!

The Solar System

Here's another website exploration!

There are 3 animated pages on this project :

1. 404 Page (https://play-lottie-animation.webflow.io)
2. Login Page (https://play-lottie-animation.webflow.io/login)
3. Sign-up Page (https://play-lottie-animation.webflow.io/sign-up)

Test Lottie Animation

Playing Around with Animation

Digital Butlers

Hi there! 

I designed and built the template for the music artist website for https://www.graphicowls.com. Filled in black. Inspired by space.

Check this out! I will be glad to know your thoughts.
Thanks a lot. 

Feel free to clone it 👍🏻

Graphic Owls Sattelite Template

Artist Site Template

This is a website of Awesomic – a Y Combinator-backed startup that matches companies with the vetted designers instantly.

We used trendy gradients, custom illustrations, as well as the Lottie library to render real-time animations. The dark website theme helped convey the brand’s story and its message. 

Want an awesomic design for your website? Click to arrange your demo
https://www.awesomic.io/demo

New Site Awesomic

Awesomic

Overview: Cosmos is the first project I ever completed in Webflow on my own. While it was in the same visually, except for the countup animations, I have touched it up in order to make the project have cleaner code, use less unnecessary javascript, and improve the SEO performance of the page. 

Details: While most things remain the same, the navigation effect was initially created using 2 navigation elements. This is a poor practice for SEO. I changed it to 1 element + vanilla JS for the effect. I also replaced a large portion of hover animations & used custom css animations instead. This way, less unnecessary JS is used and therefore, cleaner & better performing code. The last touchup were countup animations using finsweet attributes for integers & jQuery + ajax for decimals.

Disclaimer: The site was not designed by me. In fact it already exists & here's the url of that site: https://cosmos.network . The project I made was for educational purposes only!

Cosmos

A year and a bit more of development and here is the result. I gave IX2 a real spin here. Hopefully you will like it not less than I do!

updated version is here:
https://webflow.com/website/Alex-Dram-Portfolio-v12

Alex Dram

Alex Dram — The Portfolio

Inspired by the beautiful static design of Michael Korwin, I built out a NASA home page mock-up in Webflow and recorded the process. 🚀

NASA

NASA 🚀  Design by Michael K. built by Waldo in Webflow

WIP design for an interactive UE4 game about the discovery of the first Black Dwarf Star. The year is 2110...

Project Black Dwarf

Two-coloured spiral galaxy. 
In the code, you can uncomment the lil-gui debugger to help set up. (especially the colours)

Spiral Galaxy

There was a moon ellipse yesterday, it inspired me to create this space theme hero section concept 🌚
(desktop only) - https://y-space.webflow.io/

*Everything has been done using image files and a set of Webflow native filters 