#wireframes

Progress Update #5: Lo-Fi Wireframes Pau!

Hey everyone! So glad you’re stopping by my Tumblr blog again! Read ↓below↓ for my project update details!

What has been happening over the past 2 weeks?

These past two weeks have been pretty busy as I worked on my other classes’ assignments. I went against the advice of our professor, who said, “Use the spring break to catch up,” but I instead opted to relax and decompress. I actually went outside this time, touched grass, and shopped at malls, unlike my previous breaks, when I would just stay cooped up in my house reading manga. I pretty much crammed some last-minute work before class today and the night before. At the very least, I finished my low-fidelity wireframes for the five microsites. In my last post, I only completed my low-fidelity wireframes for the main website, so I am happy to have done more. I think I forgot to mention that I reduced the scope of my website. Instead of ten designs, I narrowed it down to just five to make it more manageable for myself. If I also fail to deliver a fully functional website, I will fall back on a website prototype as a backup.

What is coming up for the next 2 weeks?

My next step is to complete my high-fidelity wireframes based on the low-fidelity ones. For this step, I will need to gather assets, such as images and text (copy) to use. After that, I will work on recreating the design on the actual website using Wix, hopefully by next week on the 30th. I want to launch the website as soon as possible to ensure there is ample time to gather data by collecting votes from my Instagram Stories polls, summarizing the results, and posting the summary on the site. So, that’s where I am heading over the next two weeks.

Hiccups/Hurdles/AHA moments

A hurdle I had to overcome was my perfectionist mindset. Because I want everything to be perfect, it was a struggle to begin tackling my five microsite wireframe designs. I did not know where to start, but once I began working, I had momentum. At this point, I realized I really just need to pass. Of course, I want to put out my best work, but I may need to take some shortcuts.

I had an AHA moment when I realized that I still had some time before I needed to launch my website. It is not a lot of time, but I remain hopeful. However, throughout this whole creative process, I have had serious self-doubt about completing this project. I had given up in high school for a STEM capstone project for STEM honors, where I dropped the class and forfeited the honors. It was definitely not my proudest moment, but I like to believe I have changed drastically from that time. Although I have self-doubt and imposter syndrome, I have accomplished a lot to get to where I am now. While I do not believe I was the person to actually achieve these things, I am trying to be more grateful and celebrate the small victories. By the end of this project, I hope to savor my triumph and success exuberantly with my friends and family. I am so close to the finish line. We all are. We got this, guys!

Any deliverable drafts to share?

At the top of this post, you will find screenshots of my low- and high-fidelity wireframes from Figma. I have finished my lo-fi wireframes and am beginning to work on my hi-fi ones. Click here to view my documentation for this project thus far. I have compiled my brand color palette, study guide, user personas, sitemap, and lo-fi wireframes into one Figma file to have everything in one place.

Where are you on your timeline?

I am kind of in the production phase, depending on how you look at it. I categorized wireframes under the production phase, but others may still consider them to be in the pre-production phase. Needless to say, I am quite behind, as I have assigned myself to launch my website this past Sunday. Now I know that the deadlines I set for myself are tentative and bound to change, so I won’t beat myself up over it too much. I am proud I have at least finished my lo-fi wireframes, which were substantially weighing on my mind due to feeling overwhelmed. Even so, I have reduced the scope of my project, which has lifted that immense burden off my shoulders.

User interface (UI) architecture and design are essential aspects of software development. The UI is the point of contact between the user and the software application, and it significantly impacts the user experience, usability, and satisfaction. The user interface architecture refers to the underlying structure and organization of the user interface elements, while the user interface design…

Working on a wireframe for a digital thermostat interface.

Free Starter Bootstrap Website Templates & Landing Pages to save hours on your next website creation

Our designers at Bootstraptor.com have created a valuable and customizable starter Bootstrap template package for you to use on your next business website. 100% free.

The Issue

Wireframing is a quick and effective way to identify usability issues early on in your design process. But you probably spend a large percentage of your time creating wireframes either by hand with paper and pencil or using digital tools.

Time Saver

Typically, the majority of man-hours in a web design project are spent in implementation and coding. The good part about this Kit is that, obviously, you’re saving time at the development end by using coded wireframes.

We just launched an online ‘hub’ for free starter Bootstrap templates. We have a lot of uploaded right now.

We saw how much interest there is for a free business website template for your next business website or landing page.

So we decided to produce a high-value collection of Website templates and Landing Pages for your next web project.

Just change text and images and upload them to your web hosting.

Who we are:

At Bootstraptor we build great websites.

It’s what we do and what we do best.

For 6 years more than 250’000 happy customers have used our web templates.

What our customers say:

“We have been purchasing software products from Bootstraptor for over 5 years due to the expertise of the developer, Anatolii, and more importantly his personalized customer service is exceptional. We highly recommend this product and any other produced by Bootstraptor – we have them all.” – Max

These templates are fully compatible with our new template generator - the Blueprints app

Follow this link to get these 15 templates for free from our website.