Series
Work
• 
Making
Client
SwipeSimple

A sample on the process for ongoing UI creation: a sheer volume of exploration

In a brief

The core an ongoing UI design project is a relentless engine of creation and iteration. It is a continuous cycle of designing, testing, and refining different interfaces, where each layout demands its own specific logic. By combining a diverse toolset, from traditional interface design to advanced artificial intelligence and 3d rendering, with a strong human pilot to orchestrate the results, the workflow ensures rapid production without sacrificing quality. Every new module is meticulously documented and aligned with the overarching brand system, proving that high-volume output can successfully maintain its structural and visual integrity.

When looking at the sheer volume of exploration across the design canvas, it becomes evident that finding the right visual narrative requires rigorous iteration. The workspace acts as a sprawling map of thought processes, where dozens of artboards document every pivot, micro-adjustment, and discarded concept. This vast amount of visual data is not a sign of indecision, but rather a deliberate methodology to stress-test ideas before committing to a final structure.

The core of this ongoing project is a relentless engine of creation and iteration. It is a continuous cycle of designing, testing, and refining different interfaces, where each layout demands its own specific logic. By combining a diverse toolset, from traditional interface design to advanced artificial intelligence and 3d rendering, with a strong human pilot to orchestrate the results, the workflow ensures rapid production without sacrificing quality. Every new module is meticulously documented and aligned with the overarching brand system, proving that high-volume output can successfully maintain its structural and visual integrity.

Building a hero that would play at the level of whales such as Square in terms of UI quality. Hero pic would be an AI + 3D Render artwork – a combination of creating a 3D render at a specific camera angle, positioned with green screen on place, then AI would do the heavy lift for the scenery and lights, ensuring consistency.

In the context of this ongoing project, this iterative expanse was the week-to-week moto to craft compelling stories. Every module for a landing page must guide the user seamlessly through value propositions, feature sets, and trust signals. Oh, and follow up a branding system, of course, so that everything a viewer look at feels part of the same big thing.

Using Figma's synced styles system to keep it all tied to a source of truth for text, colors, and effects.

By creating multiple variations of hero sections, hardware displays, and pricing modules, it became possible to evaluate how different layouts impacted the overall flow of information. The canvas reveals a clear transition from fragmented ideas and broad explorations to a cohesive system that balances aesthetic appeal with functional clarity.

Same AI + Green Screen + 3D Blender workflow here for consisten results on the displayed hardware.

Final designs presented to the user are merely the tip of the iceberg. The countless screens and variations left behind on the canvas represent the necessary friction of creative problem-solving.

Light usage of media materials + Feature cards on hover.
Combining a prominent CTA, features summary, testimonials, and a collage of use cases in one hero view.

It is through this exhaustive exploration that the definitive storytelling of the project was forged, ensuring that every element on the final page serves a specific, tested purpose in the user journey.

CTA opening a form within the same interface for users being able to stay into context.
Using a branded system for screen mockups across modules for landing pages.
Developing a hero section that would immerse the viewer. Short links at the bottom for hardware navigation, with a main traditional CTA at the center alongside the value proposition, and a top nav variant that allows for the vide background to be watched.

When keeping up with an ongoing agenda for creating new landing pages and UI modules, there are ongoing challenges in getting ideas through while respecting the brand guidelines, keeping alignment with the ongoing marketing vision, and getting to the point. From challenges such as, 'Let's make this hero section have the kind of visual impact Square gets on its homepage,' to, 'Let's list all of our business-type solutions with a special focus on on-site services.

How can one convey all of this in a single module without it being too much? Testimonials, social proof, app ratings, the four industries the service is tailored for, and various visual cues for those industries, complete with short descriptions. Glad you asked.
Featuring the hardware solutions part of the pitch following a clean UI inspired by Microsoft, while keeping respect for the brand's established identity.
Creating mockup variations that are consistent – The screens' UI itself powered by Figma. The hardware renders in Blender. The scenery with AI Nano Banana. And the final polish with additional AI engines. All consistent with the real hardware and app UI with no hallucinations.

In summary: This ongoing project for extensive design iteration reflects a deliberate methodology to forge a compelling visual narrative that balances functional clarity with high-end aesthetic appeal. By leveraging Figma synced styles alongside a hybrid workflow of 3D Blender renders and artificial intelligence scenery generation, the team developed cohesive, impact-driven landing page modules that industry references like Square and Microsoft. The process involved stress-testing countless layouts to seamlessly integrate value propositions, complex feature sets, and trust signals into a unified brand experience.

More on our work and publications

Browse all

If anything here sounds like we can build together, let's talk!

What we do