Launching New Website + Scan funnel
Want to back the stream? The «داعم» membership on YouTube is EGP 60 a month: badges, emoji, and I answer your questions first on stream. Become a supporter
The gist
The stream centers on practical Burnish website work: unifying template families and the design system, refining grids, motion, spacing, and the ChatGPT, pricing, Manifesto, and scan-funnel experiences, while planning mobile versions. Several issues remained unresolved, including elements hidden behind the header, scrolling behavior, overlapping voice-over, and unfinished pages; by the end, the site was available but still needed fixes. In parallel, Luqman discussed coding-agent limits, task drift, Command Center and Sentry workflows, and keeping a human in the loop, arguing that workflows should fit the person and task. Audience questions covered learning by building with Claude or Codex, freelancing and Upwork, SaaS distribution, commerce and payments in Egypt and Saudi Arabia, databases and hosting, security, and marketing a medical-booking app. The stream also explored Remotion-based video and synthetic voice-over production, but no final voice choice or proven advertising result was established.
135 moments from the stream
- 3:32:00
Investigating Circles Possibly Hidden Behind the Website Header
A page-load animation issue is diagnosed: eight golden circles dropping from the top are not visible from the beginning of their motion, likely because the header obscures them; the goal is to reveal the full movement.
- 3:33:15
Verifying the Result of Website Changes
An in-progress website change is reviewed critically after no visible updates appear, prompting a request to clarify the expected result instead of continuing without a clear effect.
- 3:42:51
Finishing the Website and Mobile Optimization
A brief update on the remaining website work, with the aim of completing it and optimizing the mobile experience, while noting that one page is still difficult and needs attention.
- 3:43:53
Troubleshooting Dashboard Scroll Behavior
An attempt to correct unwanted dashboard scrolling: the expected changes were not visible, and the coding assistant appeared to misunderstand the request, prompting consideration of another tool for an important seamless interface interaction.
- 3:46:55
Planning an “Under the Hood” Dashboard as a Shared Template
The task is to review the page’s other dashboards and brainstorm the empty “Under the Hood” section without implementing it yet, while ensuring the template can apply across all engines rather than only one.
- 3:49:19
Diagnosing Animated Elements Hidden by the Header
A visual issue is described: elements begin at the top center but only become visible after reaching the sidelines and moving downward, suggesting that the header hides the initial part of the animation.
- 3:53:22
Building an Upwork Profile and Setting an Hourly Rate
The advice is to build a portfolio first, compare rates among competitors in the same specialty, and price according to the exact service. A newcomer may begin with a rate that helps attract clients and reviews, then raise it after developing a stronger profile and portfolio.
- 3:58:35
Focusing on One Website Task
Although several tasks could be handled in parallel, the stated priority for the session is to avoid distraction and focus on one website task.
- 3:59:56
Giving a Coding Tool Precise Feedback on a Visual Bug
After repeated unsuccessful fixes, the issue is described more precisely with reference to a screenshot: gold circles start inside a rectangle but remain hidden, becoming visible only when they travel along the side grid or sidelines.
- 4:01:48
AI and Editing Tools Used in the Workflow
In response to a question about tools, Claude and Codex are named alongside additional tools, including one used for video editing. Several other tool names are unclear in the captions and are therefore left unidentified.
- 4:02:40
Optimizing the Blog Section for Shopify
A brief note suggests optimizing the blog section for Shopify when posts are added; the captions do not provide implementation details.
- 4:04:22
Designing a Distinct Geometric Grid for the Hero Section
The task is to review hero sections across several pages to understand their geometric grid-line treatments, then create a distinct approach for the “Family A” feature template rather than copying any of the three existing designs.
- 4:05:46
The Importance of Website Backlinks
Backlinks are identified as important, though no specific sources or implementation method are given.
- 4:08:26
Does Switching Between Arabic and English Make a Difference?
Answering a question, Luqman said he sees little difference between Arabic and English as long as the system understands the request. He jokingly compared switching languages to a context-window reset that might wake the system up, while noting that it seemed unusually slow that day.
- 4:12:24
The Value of a Strong Freelance-Platform Profile
Luqman cited an example he had seen on Upwork to support his view that straightforward jobs can accumulate into substantial results and that a strong profile matters on a freelance platform. This was his observation and opinion, not a documented test.
- 4:14:16
Reviewing a Visual Fix on a Web Page
While working on a web page, Luqman said he could finally see the circular element, then asked the system to examine an attached screenshot. The fragment does not establish that the overall fix was complete.
- 4:19:06
Merging PRs and Continuing the Scan Funnel
A practical update says two pull requests were merged while the website scan remained unfinished, followed by successfully squashing the changes and opening another PR.
- 4:21:19
Does Prompt Language Affect AI Performance?
The speaker’s view is that Arabic or English should make little difference when the tool understands the intent, while allowing that some terminology might benefit from English because it appears more often in training data. This is presented as an opinion, not a tested result.
- 4:22:34
Refining the Scan Funnel Animation
A design review proposes shortening the loop, removing an unnecessary middle zoom, focusing instead on the side where the chat and queries are readable, then moving through more questions, zooming out to show them together, and returning to the initial state.
- 4:23:28
Choosing an E-commerce Platform and Payments in Egypt
Answering a question about connecting payments to an AI-assisted e-commerce site, the speaker recommends using a dedicated platform such as Shopify or WooCommerce instead of building the commerce layer from scratch, while noting that a custom frontend can still connect to the platform. In his opinion and experience, payment-gateway support and local online and recurring-payment habits add challenges in Egypt, though e-commerce there remains possible.
Got a question about something in this stream?
Ask in the group