Wednesday, December 12, 2018

25 Brutalist Landing Pages for Inspiration

The term Brutalism originates from the French word for “raw” used by architect Le Corbusier to describe his choice of material béton brut (raw concrete). These One Page websites often display information in a raw, uncomfortable but also playful way.

I hope this round-up of 25 Brutalist-style Landing Pages inspires you to get adventurous with a future project:)


1. Ethics for Design (Movie)

Unique One Pager hosting interactive documentary Ethics for Design. The experience really is remarkable where you resize the viewports to your preference, each hosting elements related to where you are in the story. Awesome to discover developer Sylvain Julé built the site using Kirby and also add the whole project to Github - cheers!



2. Antwerp Poster Festival (Event, Landing Page)

Brutalist One Pager for the Antwerp Poster Festival featuring a neat intro type feature that changes as you move your cursor.



3. Craig Jackson (Game, Personal, Portfolio)

Fun One Pager for digital designer Craig Jackson featuring an interactive game where your score lives on his site forever:)



Enjoying the round-up? Get these round-ups each month in our Inspiration Newsletter 💌



4. The 99% Sale (Landing Page)

Brutalist Landing Page for the Black Friday 99% Sale over at Cards Against Humanity. The hilarious marketing campaign features a bunch of spoof products all at only 1% the cost:)



5. NU:RO Watch (E-commerce, Landing Page, Product)

Slick Landing Page for a minimal watch called NU:RO. The long-scrolling page features a perfect intro watch demo, a hover sensitive strap color changer, gorgeous big product imagery and brutalist typography. Note how the clear CTA buttons simply link out to a Shopify store - making this is a classic marketing Landing Page. ps. through a bit of a deep font hustle (step 5) I discovered the typeface used is called Roobert - first I've seen in the wild.



6. Sim Sim Falafel (Restaurant)

Colorful and unique One Pager built using Webflow for Sim Sim Falafel. Make sure you check out the pretty trippy intro cursor-sensitive feature and neat touch with the Hand Emoji (in the footer) that turns to the Star Trek sign over hover.



7. Andrea Grasso (Personal, Portfolio)

Minimal One Page portfolio with a hint of brutalism for designer Andrea Grasso. Neat touches with the local Barcelona time, his latest track played, the color scheme inverter when clicking the logo and how the cursor adapts with instructions (info, copy, open) when hovering links. Cheers for the build notes Andrea!



8. Onemadlab (Launching Soon)

Brutalist One Pager with a text scroller and real-time clock for Onemadlab design studio.



9. TAAALKS (Event)

Colorful One Pager with a brutalist design for the TAAALKS event that took place in April in München.



10. William Richardson (Portfolio)

Wonderfully unique One Page portfolio for freelance graphic designer, William Richardson. When you click anywhere within the blank canvas a new portfolio item appears - each draggable and resizable. What an awesome touch with the additional features to clear the canvas, delete a single item and even download a screenshot of your curated version of William's portfolio to reference later. Kudos 👏 This website was featured on Yo! #017 🚀



11. Soft Landings (Event)

Classic Brutalist design in this One Pager for the Soft Landings exhibition that took part in Amsterdam last month.



12. Livia Satriano (Music Related, Personal, Service)

Brutalist One Pager filled with personality for Livia Satriano - an avid researcher of music and visual culture. This is truly a unique website capturing all the interesting things Livia spends her time doing. Awesome touch with the navigation placed on music bars, the spinning vinyl, the interactive vintage book cover section, the scrollable movie posters and the repeating contact buttons in the footer. This website was featured on Yo! #009 🚀



13. Annina Schepping (Portfolio)

Neat slider feature that controls the slideshow speeds in this unique One Page portfolio for German graphic designer, Annina Schepping.



14. X (Launching Soon)

Neat hover-sensitive color bar effect in this launching soon page for a contemporary art and design online platform called X. Nice touch with the multiple-X animation for the favicon.



15. Jacqui Nguyen (Portfolio)

Unique stacked-accordion of projects in this One Page portfolio for architect Jacqui Nguyen.



16. Interactions 2.0 (Experimental)

Wild and hilarious One Pager by Webflow paying homage to the trends and phases of the World Wide Web. The long-scrolling site features awesome vintage screenshots, animations and jokes as you scroll. A fun and smart marketing page by WebFlow promoting their new animations and interactions tool.



17. Lonneke van der Palen (Photography)

Classic Brutalist design in this One Page website for photographer, Lonneke van der Palen.



18. Geek Girls (Movie)

Unique One Pager with interactive draggable windows promoting a documentary called Geek Girls.



19. Frontier Imaginaries (Event)

Brutalist One Page website featuring a unique stacked content concept for art and research foundation, Frontier Imaginaries.



20. Design Census 2016 (Informational)

Unique reference to a split-screen content division as you scroll in this One Pager for the 2016 Design Census by Google and AIGA.



21. Lunchtype (Download, Experimental)

Brutalist One Pager promoting the awesome 'Lunchtype' free font by Stefan Wetterstrand. The fun Singe Page site really lets you take the font for a spin with interactive weight switchers, color pickers and package labeling. Impressive, with tons of flavour! Awesome to see this is built on WordPress too!



22. Acte (Music Related)

Brutalist One Page website for Montreal-based record label, Acte. The Singe Page site features a changing background color and a minimal approach to content with simple floating content blocks.



23. Dropbox Design (Announcement)

Colorful and semi-brutalist One Pager announcing the biggest change to the Dropbox brand in their 10-years. Also a good reference to storytelling while scrolling.



24. Daniel Givens (Portfolio)

Unique, brutalist One Page portfolio for designer Daniel Givens featuring an interactive spray can effect controlled by your cursor movements.



25. Studio Vedèt (Portfolio, Service)

Unique and arty One Pager for Studio Vedèt featuring interactive, draggable elements.


Hope you enjoyed the round-up! If you need more Brutalism references, here is the full archive of Brutalist websites.


by Rob Hope @robhope via One Page Love

Tuesday, December 11, 2018

PopArt Studio Digital Agency

PopArt Studio is a web design and development agency that creates rich digital experiences and raises the level of visual communications for brands and entrepreneurs.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

NST Pictures

NST PICTURES is a cinematic-style wedding videography company serving couples nationwide. We create custom, personalized works of art that document one of the most important days in your family’s history. Think of it like a moving family portrait!


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

BOWEN

BOWEN is a top creative agency and web design company based in Long Island, New York. Our team of creative consultants focuses on custom web design, brand development, creative strategy, and digital advertising.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

BG Bridal Gallery

This RSS style news feed features wedding blogs from credible and high authority sources for our website. This gives brides in the US and globally easier access to all the latest wedding blogs.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Magid

Magid\’s website is a clean but very colorful and pleasing the eye. The design is beautiful and promotes their colorful personality and showcase\’s their impressive client partners.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Navigation Menu Style 57

The post Navigation Menu Style 57 appeared first on Best jQuery.


by Admin via Best jQuery