The Top 20 One Pagers from 2015.
2015 was another mega year for the One Page website. Did you know I reviewed 601 unique One Page websites this year!
Below are the Top 20 picks out of the 64 One Pagers awarded “Most Loved” last year. It was difficult narrowing this down and there is no ranking order but each is given a reason why we think it was worthy of a Top 20 placement.
Factors that influenced our decisions were mainly the quality of the One Page website but there are one or two we have included due to the huge amount of social sharing they received – an obvious indication of our reader appreciation. The round up was such a nostalgic and humbling experience – long live the One Page website!
1. We Ain’t Plastic
Beautiful spacious One Page portfolio for UI Designer 'Roland Lösslein' featuring gorgeous transitions throughout the page. A good reference to how a One Pager can reposition itself in the right place after closing an AJAX loaded portfolio item. Roland also worked on the Melanie Daveid One Pager we awarded "Most Loved". [book-feature]
2. Rally Interactive
I've had this bookmarked for a while as it's on a BETA subdomain but it seems to be staying there. 'Rally Interactive' have redesigned their portfolio into the most incredible One Page website. The gorgeous design adapts beautifully from mobile to the biggest of screens. The standout feature is definitely the unique floating ribbon that transforms from a hovering background object into a website header as you browse the website - a guaranteed "wow" factor. Other notable features include large typography, stunning CSS3 transitions and a slick (optional) keyboard browsing experience.
Enjoying the round-up? Get these round-ups in our Inspiration Newsletter 💌
3. Si Le Soleil
Gorgeous illustrations, animations and transitions in this nautical-themed One Pager telling the story of a journey from Britain to the Canaries by sea.
Beautiful illustrations and subtle animations in this unique One Pager for a new Georgian craft beer called 34. It's difficult to put into words the amount of love that the Leavingstone team put into this Singe Page website. The layout is really unique but still very flexible, the intro age verification check is hilarious and the overall consistency of color, typography and illustrations is just superb. Make sure you watch the video too with their pricing experiment, interesting stuff.
5. Epicurrence No.3
Shew! What a banging parallax scrolling One Pager by Rally Interactive for Dann Petty’s Epicurrence No 3. The design is so fresh and the transitions are absolutely gorgeous. Great to see another solid Epicurrence One Pager to create hype for the epic event.
Absolutely gorgeous load transitions in this One Pager for the 'Ginventory' iPhone app. You also have to load the site on your mobile and experience the swipe transitions within the device frame - super slick and unique. Contender for One Pager of the year.
7. FS Millbank
Brilliant One Pager showcasing 'FS Millbank' - a new wayfinding and signage typeface. The One Pager features horizontal parallax scrolling as well as multiple angled sections. These sections are presented within deeper layers with the most incredible zoom transitions. What an impressive way to showcase a new typeface.
8. Bia Costa
Portugal based software engineer, Bia Costa, brings us the most interactive (and awesome) One Page resume we've seen this year. It all starts off with a classic "film" intro followed by a UFO dropping off Bia as "Ghost Boo" - the main ghost character. You can then visit the museum to check out his study and employment history, continue to the supermarket to visualise his skills using shelved items, visit the cemetery (with a spotlight) to see his archived projects, rock out on guitar (nice touch with ghostbusters sticker) in his hobbies section, second last is swinging past home to check mail that pops up a contact form and finally ends with beaming up back into the UFO with ending film credits. I'm not even going to attempt to talk about the attention to detail. Exceptional effort.
9. Mélanie F
Beautiful parallax scrolling lookbook style One Pager promoting Mélanie F's new 2014/15 slipper range for children. The design is by Lionel Durimel whose portfolio we featured in our Top 20 One Page Websites from 2014.
10. Ava Sessions
Seriously impressive interactive One Pager that sketches your portrait using face detection software. 'Ava Sessions' is part of the promotional campaign for the sci-fi film Ex Machina. When arriving at the site the bot (Ava) asks you a few questions and tells you the weather based on your location. Then Ava proceeds to draw your portrait from a webcam photo or uploaded image. These sketches mimic Ava’s drawing style in the movie. Here is the image I uploaded and here is the result. Brilliant.
11. Melanie Daveid
Beautiful spacious One Pager for 'Melanie Daveid' - a UX Designer and Art Director originally from Austria now living in Berlin. When you browse the site you'll notice the lovely attention to detail throughout and several slick load transitions. Also a good reference to adding long case-study style portfolio items with AJAX keeping the portfolio website One Page. Lovely stuff.
12. Brand-On Johns-On
Responsive One Page website for planetary scientist and MIT postdoctoral scholar, 'Brandon Johnson'. There is so much love in this page and despite the awesome elements, my favorite part is definitely the "ON" branding that is just perfectly consistent throughout the site. "Brand-on" claims he is always on so there is even an Off switch that brings up a hilarious error message saying "Action could not be completed, Brandon is always on". A unique website in a niche industry and well executed, easily our newest "Most Loved" One Pager.
13. Ghostly Ferns
Awesome little illustrations and overall happy tone in this One Pager for NY-based digital agency 'Ghostly Ferns'. Just love the hover effect on the team members and also the past-intern graveyard, gives you the impression this would be a fun company to work for:)
14. Almost everything we think we know about Addiction is wrong
Beautifully illustrated animations in this colorful One Pager bringing awareness to the truths behind addiction. Great to see serious topics being executed well in an interactive Single Page website - stellar work this by Moby Digg.
15. The Gift Of Giving
'The Gift Of Giving' is an incredible interactive One Pager promoting new products by iconic Danish brand Georg Jensen. They invited fans to a celebratory evening where they captured all the video used in this website. Can you believe that the items you interact with during the experience are automatically added to your cart and presented to you within their store at the end. Boom! If you're a fan of these interactive stories, check out the similar Five Minutes One Pager.
16. Café Frida
Lots of love in this parallax scrolling One Pager for 'Café Frida' featuring a beautifully illustrated floral theme. The menu load transition is gorgeous and there are lots of little touches throughout - note how they took the time to custom color scheme the Google Map. Excellent work this by Pier-Luc Cossette.
17. The Tuck Effect
Beautiful transitions and animations is this impressive Landing Page for "The Tuck Effect" marketing campaign by 'Fruit of the Loom'. That book opening transition in the Findings section is outstanding.
18. Day of the Dead
Gorgeous colorful illustrations in this One Pager promoting 'The Multicultural Day of the Dead Festival'. Lovely touch on mobile when clicking the skull navigation button that turns the eyes into x's. Top draw work once again from Grain & Mortar.
19. St. Louis Browns Historical Society
Gorgeous AJAX loading One Pager for 'St. Louis Browns Historical Society'. The site walks visitors through the team’s history and features biographies of the players, including their stats, in an effort to create interest in the team and increase membership in the Society. The attention to detail in the design and load transitions are simply stunning. What a nice touch with the baseball diamond themed preloader as well. Big effort here by HLK Agency and it really shines though in the end result.
20. In Pieces
'In Pieces' is a phenomenal CSS-based interactive experiment bringing awareness to 30 endangered species. It's difficult to put into words what Amsterdam-based interactive designer, Bryan James, has achieved in this incredible One Pager - make sure you read his build notes in this review. If you missed it, here are last years Top 20 One Page Websites.
What an inspiration overload! Hope you enjoyed the hand-picked collection from 2015... before you put that scrolling finger on ice, why not help spread the love:)