A redesign of the landing page of Yumeda, a global impact agency. Yumeda specializes in UX/UI design, digital marketing, and SEO/SEM. Yumeda aims to "impact society through projects that follow our passion of creativity, analytics, and ethics."
About one and a half weeks for adaptive web.
Yumeda is a global impact agency focusing on design, digital marketing and SEO/SEM optimization. Their work aims to highlight and elevate brands that make a positive global impact. Through their projects Yumeda works to collaborate with impactful clients and bring results through creativity, expertise, and excellence.
Yumeda’s landing page needs to inform users and potential clients of their services, while also representing their mission and values in a clear, visually affective way.
Create a landing page that allows users to immediately learn what yumeda stands for, while also allowing users to engage with yumeda as a company. Users will become informed on the services yumeda provides, while understanding their mission and goals as a company.
Understand
Define & Investigate
The landing page is effectively the face of a website and must represent the brand, while fitting in seamlessly with the rest of the site.
This involved analyzing the rest of the website, understanding its purpose and deciding where and how the new landing page will fit into it.
After establishing the purpose and intent of both the site and the landing page, we were able to begin the process of honing in on and defining the goals of the page.
We then created a succinct statement that would allow us to design a page that could effectively communicate the goals and mission of yumeda.
Translate & Materialize
Evaluate
The page would need to have a few “musts”, including a description of yumeda’s unique working process, their mission, and information on their impact partners/clients.
Stylistically we decided breaking up the text and including geometric forms were a good way to organize the page.
After building the hi-fi wireframe we had to see how the page fit into the rest of the site and what changes might have been needed to ensure a seamless integration and replacement of the former landing
page.
Some changes to layout and hierarchy were needed for consistency across the site.
After creating a hi-fi prototype in Figma, the landing page was built in WordPress and integrated into the rest of the yumeda website.
Takeaways
- Get as specific as possible before beginning your wireframes and prototypes.
- Breaking up text and finding alternate ways to present information can help with accessibility and engagement.
- Black and white can be dynamic and can work with some color, but use color wisely and advantageously.
- Use only as much text as needed to convey your message.
- Find creative and engaging ways to present information.
If you need thoughtful, user centered design, are hiring, or just want to get a coffee, get in touch.
.png)
