Magika Landing Page

With the list of landing page elements ready, we easily planned out the layout. Then, we started creating a visual representation of our plan using a design tool called Figma. Since designing is a process that involves going back and forth, it helped us re-think and improve our ideas. Sketching and creating a basic layout helped us decide which parts of the landing page were most important. Once that was settled, we moved on to designing the hero section. For the hero section, we chose a simple one-column layout with text on the left and an illustration on the right. We put the text on the left so that it follows a reading pattern that most people naturally use (like the letter "F"). This way, users quickly see the message. Plus, there's a clear button on the left with the text, making it easy for users to take action after reading the message.

As users scroll down for more info, they'll find Magika Studio's partners listed right below the hero section to build trust. After that, there's a section that tells about Magika Studio's services and what makes them great. This section helps persuade visitors even more. Next up is Magika's recent work or portfolio. We put this section after partners and services to reassure those who might still be unsure about scheduling a call. They can immediately see the quality of Magika Studio's work. Finally, there are testimonials and social proof.To make the design look good, we followed a simple rule called the "60-30-10" rule for the color palette. This means that 60% of the colors used should be a basic color, 30% show some texture or a secondary color, and 10% are used as accents. We went with white as the main color and black as the secondary color. The idea is to make Magika's work stand out clearly so that users can easily see it.