Anima - Vibe Coding for Product Teams — Build websites and apps with AI that understands design.
Build websites and apps with AI that understands design.
Promoted
Like the idea a lot! But Why would you purposely stretch the designs from 2012 and back? Honestly a pity. Would be an awesome detail if the iPhone frame around the design changed in context of latest released iPhone. So designs from 2008-2009 would use the iPhone 3G frame, designs from 2010-2011 the iPhone 4 and etc.
Yes @gothen, you are correct. In fact our initial thought of building this website was to change iPhone frames too with screenshots, along the year.
But we wanted to keep the website simple & keep the complete focus just on app screenshots & not on iPhone frames. So we kept a symmetrical iPhone frame for all the screenshots.
But still will keep your feedback noted & see if we can find a better way to display. 👍
Report
@kkkosariya Good point. Though i would say with certainty that stretching and distorting the actual design only to fit these frames is even more noisy and confusing. 🙂
Just use the exact same iPhone frame only with a 960px height.
Report
@gothen@kkkosariya both good points - altho the iPhone frame is done very nicely and minimally so imo you don't have to worry about varying sizes distracting from the apps.
And +1 stretching the app's design to one-size-fits-all does not serve your purpose.
@kkkosariya@gothen You should be able to use CSS so that the minimal phone shape around the screenshot adapts to the height of the image (no js needed.)
Report
Hey the website looks good but I want to ask why have you used just 2 screenshots per year for an app?
Thanks @ranjan4816. We wanted to maintain a uniformity for all apps throughout the timeline. As different apps have different number of pages, so we decided to pickup the best 2 screenshot.
@ranjan4816 thanks. We din't wanted users to get confused with different no of screenshots for different apps. This way they can focus more on the UI evolution of apps.
Report
I like the idea of this app timeline, but unfortunately, most Screens are distorted, and the bright coloured backgrounds make it hard to focus on the actual app designs.
@j0erg Yes I understand that but the fact is it was very hard for us to find good quality screenshots from early years of these apps. We will dig up more and try to update our website with better quality screenshots.
Thanks @basictechy. Yes our motive behind making this website is to inspire people to build more simple yet Great apps, by looking into the past of today's Great apps.
Hopefully we will be adding the android version soon. Please subscribe to our email news letter to know more about the upcoming updates.
Thanks @inxilpro. We got this thought before but it was very difficult for us to get screenshots of the same page for different version of the apps. So we had to do it this way. But sure we will keep your feedback noted down.
WhatsApp's evolution mirrors the changes in the core iOS UI. It is a great example of how far sticking with interface elements people understand will take a product.
Great observation @calc. Thats the whole point of making Great Apps Timeline. We want developers/designers to get inspire by looking into the past & present of the these apps. ✌️😎
@calc I came here to comment this, but you did it already. I believe using the core UI elements and following the interface guidelines are the best way to help users how to use your app.
Great product! It's mesmerizing to see how design trends changed so far. Also for website, I'd prefer to use svg or @2x retina version for company logos. It' looks blurry on retina screens.
Remagine AI
Remagine AI
Podfan
Remagine AI
Remagine AI
Remagine AI
Remagine AI
Remagine AI
Remagine AI
Fetcher
Remagine AI
IGTV Video Resizer
Headless Recorder
Remagine AI
Headless Recorder
Remagine AI