Wireframes
Low Fidelity
Creating the LOFI Wireframe gave me the freedom to test and create assets and responsive animations to help find the best structure for organizing different products and contents.
High Fidelity
.png)
The HIFI Wireframe was made to best resemble what the final product would look like. Adding the proper texts, images, and videos makes the website feel more alive and ready for prototype.
Tools Required:
Website Builder & Wireframe
WIX allowed me to put my designs and ideas into reality without having to code from scratch.
Quickly creating a wireframe with Adobe XD saved me time and allowed me to publish the website within two weeks. I was able to run prototypes and had asked users for input before releasing the WIX version to the public.
With 4 years of experience, I am now able to customize and create a user friendly e-commerce site based on the analytics that the users provide. Analyzing the most visited page as well as understanding their flow are some of the data that I have to take into consideration and make adjustments to.
Graphic Design
Procreate: Illustraiting and learning color theory gave me the ability to create designs that are eye catching to the audience I was trying to reach.
Canva: Text editing within this tool blended well with the graphic design I was going towards. Creating social media ADs was also a bonus for gathering new traffic.
Finalizing Designs
Lightroom: The camera used for social media postings and Meta ADs is Sony A7iii. Editing RAW photos requires Adobe Lightroom as it is very flexible when it comes to color choices and adjustments.
Adobe Illustrator: Exporting the designs on Procreate and Canva can cause a low quality image. In order to print the graphics, I must vectorize and create a high quality gang sheet that is approved by a printing service company that I cofounded (MerchStudio).
Project Timeline
January 2021
January 2023
Present
The online store launched once it became viral on TikTok. During this time, product showcasing had very little compition which caused the immediate virality of the company. A responsive site was needed as soon as possible to keep up with the demand from customers.
The amount of products increased as more customers joined the subscription list through campaign ads and social media postings. Organization was the prioritized task during this year to make it easier to sort through 200 products.
Aesthetics & urgency will be the main focus as we limit the amount of quantity & designs. Now that the brand is well known, the site must present in an exclusive look to give customers a sense of luxury when finishing their orders.