Building MerakiDesigns 2.0

Our third storytelling piece and the first in which we start to share our process of bringing the MerakiDesigns vision to life, from concept to design and development.

Here is the third piece of this small series titled "Building Merakidesigns". With this, we're starting to share our process of bringing the MerakiDesigns vision to life.

If you haven't yet read the first one where I talk about the key moments that shaped me into a designer and the backstory to why I decided I would build my studio, click here and read "Building MerakiDesigns 1.0" first.

From Solo to Duo

One of the decisive steps in MerakiDesigns' development is that starting now: we are a team of two! A great team that completes each other just right. I can focus solely on client relationships, business strategy & design, while my partner can zero in on building websites with the newest technologies he always wanted to master.

The website you're navigating? It is our first project together, and we want to tell you all about it! We want to give you a glimpse into the whole process of creating this website, from strategy to branding, design, and development.

Minimalists' Approach to the Design Agency Website

As you probably already know, design agency websites are super neat. They reveal an outstanding and (a lot of times) original presentation, layouts, and animation, all dressed up in gorgeous typography and a minimal color palette.

These websites are very good at selling the idea that you and your cherished business also needs a cool website, and probably one to be created by the talented fellows you're just checking out (that would be us, hi 💛).

So, of course, we wanted to create something for MerakiDesigns that we're proud of and will love to share with virtually everybody! We do not have the intention to break the pattern of other design studios, so we're also going for the typography-based and very minimalist style we all love. What you see right now is the first layer of our concept. We designed and built the MLP, or the minimum lovable product for our website, and continue its' development behind the scenes (though we do want to share every step of that process).

The Process of Building MerakiDesigns 2.0

Step 1 - Discovery Session

A great website usually aligns with an established strategy, and we want to offer more than just aesthetics. Every element of a website needs to work toward a defined goal, so let's identify that goal.

Some questions that we explored in this stage of the process were:

  • Who is this website built for?
  • What is the website's purpose?

After getting started with these two questions, we defined our target audience, the business' value proposition, and wrote out our primary user stories. We described the goal for both the company and the website we're creating. One level deeper to the target audience, we started working on our specific personas for all the target groups. They made things clearer, especially for the stage where we'd think about our content strategy: not only could we imagine a good navigation structure for our different target groups, but also the kind of content our personas would enjoy.

The Next Steps

We'll get into the next steps in the following piece, but here's a little sneak-peek of what you can soon expect:

  • 2.1 - The Detailed Discovery Session
  • 2.2 - Establishing the Information Architecture
  • 2.3 - Planning the Content Strategy
  • 2.4 - Branding, Strategy, and Marketing for MerakiDesigns
  • 2.5 - Responsive User Interface Design in Sketch
  • 2.6 - Rapid Prototyping and Testing with Figma
  • 2.7 - Finding the Perfect Tech Stack for the Project
  • 2.8 - How we built it with JAMStack, Gatsby, and Sanity
  • 2.9 - Experimenting with Transitions & Animation
  • 2.10 - Launching MerakiDesigns

The exact titles and order could change, but these are the major topics we want to share with you. If you have any questions or curiosities, feel free to reach out to us.

  • Renáta-Adrienn

    I enjoy the challenge of making the complex simple and have a passion for the intersection of technology and design.

Now enjoy these too…