Arihna is a brand that sells digital products in the form of notion templates. Some of them are habit tracker, notes, and journaling templates.
The brand didn't have a landing page at all before. So, I had to think about how to present this product neatly and clearly. All the features of the template must be conveyed in detail.
Then, the client requested a clean and minimalist style. All of these website designs I created in figma and published using framer.
⚙️ Process
Exploration
The first thing I did was look for some similar web references. An example is https://www.easlo.co/templates. This website has the same style as the client, which is clean.
Wireframe
After getting some design references, the next process was to sketch out a gray style. This process helps me to be creative and explore various design styles.
Wireframe
Design System
A process that should not be left out is creating styles for fonts, colors, and components.
High-fidelity
Once the system design is finished, the next step is to create a high-fidelity design.
Section notion template feature
Convert to Framer
In Figma, I convert all the finished designs one by one to Framer using the plugin. Then, tidy up each layout and create it for 3 different views, desktop, tablet, and mobile.
Publish
If all is done, then the last process is to publish. You can check this website at the link Arihna.