Funny enough, this was an actual drawing that founders drew to help them find an App Designer that would help with the flow of the application & general communication. Sometimes clients are well-spoken, sometimes it's this…😅

Usually, we give form with questions and receive a ready answered form from them. However, this time, we were dealing directly with Founders vision on a digital sketch, which was inspiring to begin work with, 'cause sketch has its own cinematic sketch that gives the message - "This is where it all began".

Just like anyone personal story begins where they were born, which is home, our story begins on a home page. Or as we call it main account page, from which user can browse the so called "Bloobs", which are direct replica of the Twitter's Term - Twit. Bloobs are the posts/publications of user on the platform.

Next sections are Replies, Media, Likes, which we directly copied from Twitter, for user to connect directly with replies or see posts that contain Media.

From this case study, you can notice how Twitter shaped pretty much an understanding of the Layout for social Media application.

Wireframes are a great way to track how high-fidelity changes comparing to low-fidelity design. How sketch differs to final designs iteration. We know that in 2026 wireframes are no longer needed to present to a client to impress or to convince that the idea works. With all vibe-coding functionalities it is way easier and more convenient to generate wireframes, or directly High-fidelity design and jump straight iterations.

However, in this case study I want to document how wireframes were used and helped back in 2022. Design changes quite fast these days.

Wireframes are a great way to track how high-fidelity changes comparing to low-fidelity design. How sketch differs to final designs iteration. We know that in 2026 wireframes are no longer needed to present to a client to impress or to convince that the idea works. With all vibe-coding functionalities it is way easier and more convenient to generate wireframes, or directly High-fidelity design and jump straight iterations.

However, in this case study I want to document how wireframes were used and helped back in 2022. Design changes quite fast these days.