MIROA.

Overview

In January 2024, I had the opportunity to build a website for my sister's makeup artistry business, MIROA Makeup. Join me for a glimpse into the journey Michelle and I undertook, from design to development.

The Design Phase

Michelle aimed for a clean and timeless look that aligned with her brand's aesthetic. With assets from a graphic designer and photographer in hand, I had everything I needed to bring her vision to life.

Despite this being a project for my sister, I approached it professionally, establishing a collaborative system. Iterating together, Michelle provided feedback on each page design, ensuring the site reflected her vision. Involving her in the creation process was special, as it allowed her to shape something representing her brand. My goal was for her to feel satisfied and rewarded with the final result.

Within a few weeks, I meticulously reviewed every one of Michelle's comments and requested features, ultimately finalizing designs for both mobile and desktop versions. Take a look around the embedded Figma file below! And as a bonus, to the far left, you'll notice some designs that I created but ultimately did not make the cut.

The Tech Stack

After wrapping up the design phase in Figma , I shifted roles from designer to engineer. I chose Astro as my framework due to its speed, flexibility, and exceptional developer experience. It seemed fitting for this project, especially since I planned for each page to be statically generated except for the booking page, which required server-side rendering. Additionally, I opted to use Svelte for nearly all of my custom components, Tailwind CSS for styling, React Email and Resend for email functionality and audience management, Node.js and TypeScript for backend, and Vercel for deployment.

Numbers Don't Lie

Prior to the website's launch, Michelle would conduct business through Instagram DMs. Though this was a good way to start, it was not scalable nor efficient.

Since launch, Michelle has seen a 60% increase in bookings which has allowed her to focus on her craft and not her business's infrastructure! All of this was possible thanks to the website's streamlined booking process and easy-to-use interface.

Conclusion

I'm immensely proud of what Michelle and I have achieved together. Feel free to visit miroamakeup.com now!