Go to the next project: Morgen
We were thrilled to partner with this team because of their mission to seamlessly integrate tasks from to-do apps and project managers into (almost) any calendar for efficiently scheduled days. As an agency, we couldn't wait to utilize their product ourselves. The Morgen team approached us to revamp their website and showcase new product features not currently highlighted on their marketing site. This project allowed us to excel across strategy, design, and development.
![](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/665749a8292fbd1a32caedbd_Glow.webp)
![](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657575f065e7c55184088ff_Homepage%20(Assist).webp)
![](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657575c687f515749c0d1ee_Homepage%20(Assist)%20(1).webp)
![](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657575d92d8696b94c16297_Homepage%20(Assist)%20(2).webp)
![](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657575f18b63c80059dc39d_Homepage%20(Assist)%20(5).webp)
![](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657575daa8d4bef4341406b_Homepage%20(Assist)%20(3).webp)
![](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657575fa056800eca59dd53_Homepage%20(Assist)%20(4).webp)
Understanding the business
Business goals
The Morgen team was making product based updates very regularly and needed a platform CMS and a team to help get features, updates, and backlog projects live relatively quickly. This is a common challenge with most marketing teams where project move quickly on the product, but marketing websites do not get the time and attention that they require.
This is where Zabal was a perfect fit because we are every marketing team’s secret weapon due to the fact htat we can move with agility while also making sure that every decision that we implement is thoughtful and properly planned to fit timelines and bdugets.
Business challenges
The previous version of their Webflow website was not effectively converting visitors into leads and lagged behind product updates due to insufficient internal resources. Addressing these core issues became our primary focus as an extension of their internal team.
![Understanding the problem](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/66575b93a33ef0e678bfd4f5_morgen.webp)
![](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/665761a3e74c66ff31df9547_Group%201000001864%20(2).webp)
Asking the right questions
Research goals
Optimizing calendars is a common challenge, especially for busy professionals. As agency partners, we rely heavily on timelines directly tied to our daily schedules, making efficient calendar management crucial. A tool like Morgen could be ideal for us, streamlining scheduling and boosting productivity. The key question is: what is the optimal way to manage calendars effectively?
![Personal assistant](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657641efad9971091cc3b2a_Asking3.webp)
Personal assistant
How can you automate your unique workflows to work for you while remaining very productive?
![Accurate scheduling](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657641e0d660a13b5f3a954_Asking4.webp)
Accurate scheduling
Auto-schedule a quick breather between back-to-back meetings, time to commute to a meeting across town, or a meeting blocker.
![Team automations](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657641ed6de0b7d0beb9179_Asking2.webp)
Team automations
Prioritize focus time so your team can tackle important work without context switching from meetings.
![Time blocking](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657641eab1a0be6bd781eae_Asking1.webp)
Time blocking
To-do lists are filled with good intentions. But when you schedule and dedicate time to accomplish a task, it’s amazing what you can.
Interface inspirations
![Interface inspirations](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657701cc2a0dfe1a16566e5_interface1.webp)
![Interface inspirations](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657701c14d6f0cf51da9dfc_interface2.webp)
![Interface inspirations](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657701c288808ef31f3c1b7_interface3.webp)
Defining a visual direction
To find the best visual design inspiration, we balanced aesthetics and function, given their preference for dark mode. We identified ways to use visual design highlights to bring the most important information to the foreground, ensuring clarity and engagement.
![Defining a visual direction](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/665770fc7f01781e79813696_Interface1.webp)
![Defining a visual direction](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/665770fce7f28ed3c5ecddae_Interface2.webp)
![Defining a visual direction](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/665770fcc5f9a9197e960344_Interface3.webp)
![Defining a visual direction](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/665770fc1288c02b66958df1_Interface4.webp)
![](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/665761a3e74c66ff31df9547_Group%201000001864%20(2).webp)
Information architecture
![Information architecture](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657731c584785da1616b2cb_large-des.webp)
![](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/665761a3e74c66ff31df9547_Group%201000001864%20(2).webp)
Colors
FFD66F
Fonts
Fonts
Visual design guidelines
![Visual design guidelines](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/665777945b20720e93d23e0e_Visual2.webp)
![Visual design guidelines](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/66577794098fd6d203a4af0b_Visual4.webp)
A strong visual identify
In our redesign journey, we struck a balance between innovation and familiarity, retaining key elements from the old brand while infusing it with a futuristic vibe. Collaborating closely with the Morgen team and researching industry trends, we crafted a design that resonates with the brand's identity.
![Visual design guidelines](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/6657779489ee8dd689d46475_Visual1.webp)
![Visual design guidelines](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/66577794d0f84211f7e6c100_Visual3.webp)
From sleek dark mode to vibrant accent colors, each element was chosen to convey the brand's values in hopes to build more trust. The result is a visually captivating redesign that enhances user experience and sets the stage for future growth.
![Morgen apps](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/665f550614b46c46a352bb99_Morgen%20apps%20new.webp)
![Pricing](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/666037a714f7f8e90650d0a8_Pricing.webp)
![FAQ](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/666037a7bf92806d17e444de_FAQ%20(default%20state).webp)
![Contact Us](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/666037a6ac38d92cc48b928f_ContactUs.webp)
![Guide](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/666037a7988b97df5245b559_Guide%20detail%20page.webp)
Like what you see? Don't let your website idle another day
START A PROJECT![zabal](https://cdn.prod.website-files.com/6183dd118a771af9854c60f4/620d4caea06af70fde170a72_net.png)