<section class="is-relative py-20">
<img class="is-absolute is-left-0 is-top-0 mt-24 is-hidden-touch" src="zeus-assets/icons/dots/blue-dot-left-bars.svg" alt="">
<img class="is-absolute is-right-0 is-top-0 mt-52 is-hidden-touch" src="zeus-assets/icons/dots/yellow-dot-right-shield.svg" alt="">
<div class="section py-0">
<div class="container mb-16">
<div class="has-mw-2xl mx-auto has-text-centered">
<div style="font-size: 12px;">
<a class="has-text-grey-dark" href="#">Home</a>
<span class="px-1">/</span>
<a class="has-text-grey-dark" href="#">Blog</a>
<span class="px-1">/</span>
<a class="has-text-grey-dark" href="#">Article</a>
</div>
<h2 class="mt-8 mb-10 title is-2">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
<div class="is-flex is-justify-content-center">
<div class="mr-6">
<img class="is-cover" style="width:64px; height: 64px; object-position: top; border-radius: 100%;" src="https://images.unsplash.com/photo-1544717305-2782549b5136?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=334&q=80" alt="">
</div>
<div class="has-text-left">
<h4 class="mb-1 is-size-4 has-text-weight-semibold">Esther Bailey</h4>
<p class="has-text-grey-dark">February 26, 2021</p>
</div>
</div>
</div>
</div>
</div>
<div>
<img class="image is-fullwidth is-cover" style="height: 100%; object-position: top;" src="https://images.unsplash.com/photo-1525129498994-580709352e20?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="">
</div>
<div class="section pb-0">
<div class="has-mw-2xl mx-auto">
<p class="mb-8 is-size-5 has-text-grey-dark">Building websites from wireframes that I had received. Some of those questions were:</p>
<p class="mb-8 is-size-5 has-text-grey-dark">These types of questions led me to miss numerous deadlines, and I wasted time and energy in back-and-forth communication. Sadly, this situation could have been avoided if the wireframes had provided enough detail.</p>
<p class="mb-8 is-size-5 has-text-grey-dark">Now that I am a UX designer, I notice that some designers tend to forget that wireframes are equally creative and technical. We are responsible for designing great ideas, but we are also responsible for creating product specifications. I admit that there can be so many details to remember that it’s easy to lose track. To save time and energy for myself, I gathered all of my years of wireframing knowledge into a single checklist that I refer to throughout the process. And now I am sharing this knowledge with you, so that you can get back to being creative.</p>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
