How I Use Creative Market to Speed Up Design
42sReveals a pro workflow for finding design inspiration quickly, which is highly valuable to creators.
▶ Play ClipAI Summary
The video is the sixth update on building a product in 24 hours, focusing on the sales page design. The creator walks through the design process, from sourcing templates and photos to assembling the final layout, and mentions the upcoming live-coding session.
[00:03]
Design Goal: Simple & Minimalistic
The creator aims for a simple, minimalistic design for two reasons: personal style preference and faster execution, given the limited time before launch.
[00:18]
Using Creative Market for Templates
Creative Market sponsors the project. The creator browses popular templates, finding textured geometric masks with triangular shapes that inspire the design.
[01:17]
Finding Imagery on Unsplash
The creator sources a free photo from Unsplash, despite a brief website outage, and selects an image that fits the intended aesthetic.
[01:33]
Assembling in Photoshop
The photo is combined with the geometric mask on a near-white background. The creator uses the Trump Gothic font for the headline, consistent with the rest of their website.
[01:59]
Content & Structure
The main text is written around a central quote that sums up the product's goal. The page includes a list of exercises, the creator's photo, and two packages with discounted pricing, creating a simple yet complete layout.
[02:25]
Next Step: Live Coding
The creator notes the design is ready and plans to record a follow-up video featuring real-time coding of the page to bring it to life.
Mentioned in this Video
💡 Key Takeaways
💡
Minimalist Design Rationale
Provides clear strategic reasoning for design choices beyond aesthetics—speed and efficiency.
00:03
🔧
Leveraging Marketplaces
Shows practical use of platforms like Creative Market to accelerate design work.
00:18
🔧
Quote-Driven Page
The focus on a central quote highlights a content-first approach to design.
01:59
📊
Code Soon
Transitions from design to development, showing a key step in the process.
02:25Full Transcript
[00:03] эту целевую страницу в течение 10 дней, чтобы улучшить дизайн. Сначала я начал с Creative Market. Это сайт, которым я в последнее время пользуюсь гораздо чаще, у меня у сайт, которым я в последнее время пользуюсь гораздо чаще, у меня у
[00:18] спонсируют этот проект — создание продукта за 24 часа, над которым я работаю. Они действительно значительно ускоряют создание отличного дизайна. Итак, немного о дизайне. Я хотел сделать что-то простое и минималистичное
[00:32] по двум причинам: во-первых, я думаю, это интересный стиль, и во-вторых, это намного быстрее. Я мог бы сделать детальную, сложную целевую страницу, но на ее создание ушло бы гораздо больше времени, чем у меня есть сейчас. У меня
[00:46] осталось всего несколько часов до запуска, поэтому я начал с Creative Market, просмотрел все их популярные шаблоны. У них есть и бесплатные, но вы можете посмотреть, что у них есть, на вкладке «Популярные». И в
[01:00] итоге я пришел к... Наткнулся на вот эту, которая мне показалась очень классной: текстурированные геометрические маски. У них их много разных, знаете, есть такие, как буду использовать, но эти две действительно крутые, треугольные мне очень нравятся. Так что это меня
[01:17] вдохновило. Затем я начал просматривать отличные бесплатные фотографии на Unsplash. К сожалению, вчера сайт ненадолго отключился, но, кажется, я это исправил. Я нашел вот эту фотографию,
[01:33] Я нашел вот эту фотографию, и она мне очень нравится. Поэтому, имея это в виду, и она мне очень нравится. Поэтому, имея это в виду, я перенес ее в Photoshop, и вот что у меня получилось. Я объединил фотографии с этой маской
[01:46] объединил фотографии с этой маской на почти белом фоне, а затем я использую Trump Gothic, который я использую на всем своем сайте, и, знаете, на всем своем сайте, и, знаете, на страницах товаров для заголовка. А потом
[01:59] просто приступил к работе. Это то, что я написал довольно быстро, возможно, здесь еще есть несколько ошибок, но я их исправлю. Я построил это вокруг этой цитаты, которая, как мне кажется, суммирует то, чего я пытаюсь достичь.
[02:13] Я перечислил все упражнения, но еще осталось немного работы, вот моя маленькая фотография, вот моя маленькая фотография, а затем два пакета, и
[02:25] это цена пакета со скидкой. Так что это очень простая целевая страница, красивая и чистая. Я должен суметь написать код довольно быстро, и, собственно, именно этим я сейчас и займусь, поэтому я запишу еще одно видео, где буду просто кодировать все это в режиме реального времени.
[02:40] record another video of just live coding this whole thing
