Mimik Studio Landing Page Design
Designed the landing page for Mimik Studio, outlining the product introduction, company development and call for participation.
Team Size
2 members
Timeline
May. 2023 - Sep. 2023
Tools
Figma
My Roles
Designer
Empathing
Sketching
Testing
Designing
My Design Process
>> Major themes
Visual message
Simple and clear layout that transfer welcoming and modern feeling.
Content
Using engaging language to tell the story about the product and the company.
Design elments
One page website without too much decorative elements.
Empathing
I interviewed the company's leader and 3 other stakeholders to understand their expectations, needs, and goals for the landing page. And then use affinity mapping to group the ideas and formed major expectations for the website.
Sketch 1
Sketch 2
Sketching
After understanding the goal of the design, I proceeded to sketching. The sketch on the right is an updated version from the left one with initial feedbacks from fellow co-workers.
Background
The background is too boring and pale.
Mockup
Simple use of phone is too techy and not lively.
Image background
Use related image as background to introduce the concept in an engaging way.
Human hand
Use a mockup with person holding a phone for more lively representation.
Visual focus
Two blocks of crucial information, users are missing visual focus.
Information density
More space is needed for the team introduction. The current layout is limited and too dense with information.
Clearer layout
Slideshow that present information with clear visual focus hierarchy.
Larger image
More engaging image and increased readability.
>> Iteration Example 1
>> Iteration Example 2
Testing
After the first draft of the website's design, I asked my supervisor and three colleagues with limited knowledge about the website to test it. This was done to determine if the design is clear and informative enough to convey all necessary information about the product and the company.
Designing
>> Design Guideline
>> High-fidelity Prototype
Reflecting
>>How to tackle ambiguous needs?
While supervisors and fellow team members have a general idea about the website's content and purpose, they struggle to articulate their style and layout expectations. In the initial interview, instead of direct questions, I showed them various website design examples to gauge their reactions and understanding. These insights helped shape the design, especially during the initial ideation or draft revision stage, when feedback like "I don't know what I need" or "it just doesn't feel right" is common. This method is particularly effective for drawing out abstract design ideas or feelings.