/role

UI & UX Design

/team

Faisal, Mike, Paul

/tools

Figma

/timeline

2022 - Current

/role

UI, UX & Product Design

/role

UI, UX & Product Design

/scope

Personal Project

/scope

Personal Project

/tools

Figma

/tools

Figma

/timeline

2022 - Current

/timeline

2022 - Current

Website

Website

Landing Page

At this stage when i was building the landing page there were many features in the MVP stage so the one that was the main core and already working was the Link-in-Bio feature. Trying to lay out everything nicely and clean making users and creators crave the usability and aesthetically pleasing look and feel of the platform.

This particular Landing Page wasn't run for long since we almost always introduced new features and change UI that we came to the conclusion that this instance wasn't the best to put out there.

Link-in-Bio

Link-in-Bio

Different Content Blocks, Multiple Customization

Different Content Blocks, Multiple Customization

We've tried to build multiple block types to accommodate a large majority of posts from multiple social media platforms. Throughout the development past joining the team, we introduced other various content blocks like Spotify and YouTube embeds and also grid items which present content in a grid/carousel layout.

We've tried to build multiple block types to accommodate a large majority of posts from multiple social media platforms. Throughout the development past joining the team, we introduced other various content blocks like Spotify and YouTube embeds and also grid items which present content in a grid/carousel layout.

Customization is a big part of Pillar's core. We want to let users choose their own style and give them the option to add their own touch. While doing this I've had the challenge of carefully picking on color palettes and color combinations to fit each element within the entire design language that we chose to go for.

Customization is a big part of Pillar's core. We want to let users choose their own style and give them the option to add their own touch. While doing this I've had the challenge of carefully picking on color palettes and color combinations to fit each element within the entire design language that we chose to go for.

Media Kit

Media Kit

Use Case

Use Case

A media kit is a collection of promotional materials that provide important information about a company, product, or service to media outlets, potential partners, investors, and other interested parties. The media kit serves as a tool to help these stakeholders better understand the creator and its offerings, and to make informed decisions about coverage, partnership, or future investment.

A media kit is a collection of promotional materials that provide important information about a company, product, or service to media outlets, potential partners, investors, and other interested parties. The media kit serves as a tool to help these stakeholders better understand the creator and its offerings, and to make informed decisions about coverage, partnership, or future investment.

The challenge here was to fit as much content and data in a way that it won't feel overwhelming or crowded but at the same time have enough useful data for the potential partners scraping information. We ran tests across thousands of creators and after many months we settled on a v3.0 which you are seeing here.

The challenge here was to fit as much content and data in a way that it won't feel overwhelming or crowded but at the same time have enough useful data for the potential partners scraping information. We ran tests across thousands of creators and after many months we settled on a v3.0 which you are seeing here.

Builder Items and Forms

Builder Items and Forms

From the creator point of view this is a glimpse of what I've managed to develop in terms of UX and UI. Items were chosen and picked based on creator's needs, then we've built a foundation and structure with everything and then built form types for each one of them.

From the creator point of view this is a glimpse of what I've managed to develop in terms of UX and UI. Items were chosen and picked based on creator's needs, then we've built a foundation and structure with everything and then built form types for each one of them.

The challenge was again to fit content and forms in a way where it won't feel crowded and confusing for the creator to quickly pick a category, launch a product or just simply create a link content block. We decided to keep the mobile view visible at all times while creating or editing a content block, that way it's easy to make changes and see them in real time without creating confusion or navigating back and forth trough multiple screens.

The challenge was again to fit content and forms in a way where it won't feel crowded and confusing for the creator to quickly pick a category, launch a product or just simply create a link content block. We decided to keep the mobile view visible at all times while creating or editing a content block, that way it's easy to make changes and see them in real time without creating confusion or navigating back and forth trough multiple screens.

What's next

What's next

I'm currently working at Pillar and proud to be part of such an amazing team. We have a roadmap ahead and many more challenges to crush in the upcoming years so I'm pretty excited about that.

I'm currently working at Pillar and proud to be part of such an amazing team. We have a roadmap ahead and many more challenges to crush in the upcoming years so I'm pretty excited about that.

This whole project I feel it's still at its early stages and it's doing a great job, can't imagine what's going to bring at its mature life cycle but I feel like it's only going to get better and better.

This whole project I feel its still at its early stages and it's doing a great job, can't imagine what's going to bring at its mature life cycle but I feel like it's only going to get better and better.

Website

Website

Landing Page

At this stage when i was building the landing page there were many features in the MVP stage so the one that was the main core and already working was the Link-in-Bio feature. Trying to lay out everything nicely and clean making users and creators crave the usability and aesthetically pleasing look and feel of the platform.

This particular Landing Page wasn't run for long since we almost always introduced new features and change UI that we came to the conclusion that this instance wasn't the best to put out there.

© 2023 Timeloop. All rights reserved.

© 2023 Timeloop. All rights reserved.

© 2023 Timeloop. All rights reserved.