App design – Passionate Agency https://passionates.com Premium design, conversion optimization and AI agency services - on-demand Mon, 31 Mar 2025 14:23:44 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.3 https://passionates.com/wp-content/uploads/2020/06/Passionate-favicon.svg App design – Passionate Agency https://passionates.com 32 32 Studeo https://passionates.com/projects/studeo/ Sun, 23 Apr 2023 18:34:54 +0000 https://passionates.com/?post_type=projects&p=43220 Private video sharing mobile app

The post Studeo appeared first on Passionate Agency.

]]>
Logo

About

Studeo is a comprehensive online platform tailored to each student’s needs, providing effective academic support through personalized tracking, diverse exercises, and invaluable tips. With individual dashboards, students can monitor progress and target areas for improvement, while parents can stay informed. A plethora of exercises reinforce learning and readiness for assessments, ensuring mastery of concepts. Additionally, Studeo equips learners with pedagogical strategies for efficient study habits, stress management, and exam preparation, fostering holistic academic success.

Problems

The current design of the web platform is characterized by outdated aesthetics and an overwhelming amount of elements. Additionally, it suffers from usability issues, making navigation and interaction inconvenient for users. Moreover, the platform’s sales performance is low, failing to effectively convert visitors into customers.

Timeline

ezgif 5 2d3358648f

Solution

Our solution integrates modern design, clean interfaces, perfect UI/UX, and strategic CTAs. It’s crafted to enhance e-learning experiences and empower learners in the digital educational landscape.

Frame 2088 1

Mobile responsive

Group 336458 2
Group 336459 2
Group 336460 2
Group 336461 2
Group 336462 2

Custom icon set

We’ve crafted a collection of charming and appealing icons that seamlessly integrate into the website’s design, adding a unique touch to its overall aesthetic.

Frame 2075
Frame 427321251 2

Each UI element is carefully designed to enhance usability, ensuring seamless interaction and improving the overall user experience. We’ve achieved an ideal balance between style and functionality, resulting in a clean interface that fosters focus and clarity.

Group 35281 1
Frame 427321253 1
Frame 427321255 1 1
Frame 2082 2 scaled
Frame 427321249

The post Studeo appeared first on Passionate Agency.

]]> App design Archives | Passionate Agency nonadult Solace https://passionates.com/projects/solace/ Sat, 22 Apr 2023 16:30:00 +0000 https://passionates.com/?post_type=projects&p=28662 The post Solace appeared first on Passionate Agency.

]]> The post Solace appeared first on Passionate Agency.

]]> Service Club Delivery https://passionates.com/projects/service-club-delivery/ Sun, 16 Apr 2023 11:21:00 +0000 https://passionates.com/?post_type=projects&p=28781 The post Service Club Delivery appeared first on Passionate Agency.

]]> The post Service Club Delivery appeared first on Passionate Agency.

]]> Nymble https://passionates.com/projects/nymble/ Fri, 14 Apr 2023 11:49:34 +0000 https://passionates.com?p=7296 Branding Guidelines for Marketing Analytics Software

The post Nymble appeared first on Passionate Agency.

]]>
Group 215

Analyse your digital marketing campaigns against CRM data

Nymble enables marketing teams to reach their goals by optimally investing marketing resources across channels and activities, and quickly adapting to market shifts.

Nymble Group
date passionates
Nymble passionates
Nymble passionates

Step 1
Logotype

Nymble passionates

Step 2
Branding Guidelines

Nymble passionates

Step 3
Website Design

Nymble passionates

Step 4
Wireframes

Nymble passionates

Step 5
Web application

Reach your marketing goals

Nymble helps you report on important Marketing KPI’s such as Cost per Lead, Opportunity & ROI of Campaigns, through integration with  Google Ads & Salesforce.

Nymble passionates

The main company logo is a font-based wordmark with a custom icon. The wordmark emphasises Nymble’s succinct and catchy name, emphasising the modern look of the logo. The geometric icon is a combinaion of analytics graphs combined with Nymble’s initial. The icon has a subtle 3D effect though use of gradients.

nymble

Vertical version of the logo can be used accordingly. There is also a white and grey version for use on a dark background.

Frame 1
Nymble passionates
02

Brand
Guidelines

Bright and bold colours support Nymble’s modern appearance. Logo guidelines ensure cohesiveness across all applications. Brand icons were created to emphasise and support Nymble’s messaging. A primary and secondary palette are included to cover all potential requirements.

nymble passionates
Landscape Brochure Mockup
Colors passionates
Landscape Brochure Mockup
All your
insights
in one place
03

Website

An animated product demo in the hero section clearly conveys the value users can get from using Nymble. There is one clear CTA prompting users to schedule a free demo. The rest of the page demonstrates all of Nymble’s features.

Nymble Website Main page
Nymble Website Main page
nymble passionates
passionates projects nymble
Nymble passionates
nymble
nymble project passionates
04

Web
application

The application itself allows users to view all their ongoing campaigns and associated data such as acquisition cost, opportunity & ROI of campaigns and total spend.

Nymble Website Main page

Wireframes

Nymble

We began the process of designing their application with a wireframing stage to identify the most important elements to include on their dashboard. For example, an important consideration is for users to be able to easily connect their various analytics accounts to Nymble, as well as the structure and hierachy of all reports and stats.

Screens

projects nymble passionates

Dark UI

projects nymble passionates

Iconography

All icons follow the same 24x24px grid with rounded corners and flat ends.

Nymble passionates
Nymble passionates

Colors & typography

Bright and bold colours support Nymble’s modern appearance.

Colors & typography passionates
AA passionates
Group 1066

The post Nymble appeared first on Passionate Agency.

]]> Privio App https://passionates.com/projects/privio-app/ Sun, 09 Apr 2023 11:50:00 +0000 https://passionates.com?p=6886 Private video sharing mobile app

The post Privio App appeared first on Passionate Agency.

]]>
Group 28
Frame 4 3
Frame 3 2

About Privio

Privio is an app that allows companies to share movies privately and securely with their potential buyers. In other words, they offer a Private Preview, hence the name Privio. All the content displayed in the app is copy-protected.

Group 889

User flow

Frame 5 1

Wireframes

Initially, our team’s main task was to adapt the existing desktop application for mobile. However, as the application was pretty unorganized, we started the project with user research to understand how to fix some of the current issues for the mobile app.

Frame 6 4 1

For the UX, we used wireframes to adapt the desktop version for mobile. Our main goal was to keep the application’s logic simple and intuitive so that it only took a couple of steps to register and log in.

When it came to the UI, we took the primary colors of the desktop application but corrected them to add more harmony. We made the same adjustments for the typography and icons, ending up with a polished and pleasant UI.

Colours 1
Purple icons
Frame 10
Type

Dashboard

The dashboard is the main screen where users can manage their video uploads and add new videos. The videos are added from the button in the burger menu. These two features are intentionally made discrete, as the main focus of the application is to share a small amount of valuable video material.

Videos

In addition to sharing the videos, we also allowed the users to see the statistics of the video views, linked to IP addresses. Moreover, we also allowed them to create passwords for specific videos and add watermarks when needed.

Information

Finally, we added the information section to add important information regarding the video like duration, category, or language. It works really fast and easy: the user chooses the video, adds the statistics and description, and sends it to the potential buyer!

Privio Application presentation

The post Privio App appeared first on Passionate Agency.

]]> Hyre https://passionates.com/projects/hyre/ Sat, 11 Sep 2021 12:45:25 +0000 https://passionates.com?p=6229 Locum Booking Service Brand Guidelines

The post Hyre appeared first on Passionate Agency.

]]>

Hyre is an end-to-end workforce planning and service transformation platform built for primary and social care. It uses smart technology to build and manage a shared, multidisciplinary workforce that delivers integrated services and clinics across locations and organisations.

Workforce management and service transformation platform.

Hyre is an end-to-end workforce planning and service transformation platform built for primary and social care. It uses smart technology to build and manage a shared, multidisciplinary workforce that delivers integrated services and clinics across locations and organisations.

Hyre home page 3

Step 1

Brand
guidelines

Step 2

Website
design

Step 3

Wireframes

Step 4

Desktop
Application

Step 5

Mobile
Application

Brand guidelines

For the brand guidelines, we used bold and contemporary colours to support the brands’ message, with the palette keeping everything cohesive across all applications.

Logotype

As part of the guidelines, we created a guide to maintain the integrity of the logo elements. This ensures that the logo is always used correctly, with correct spacing and size, in any future design/advertising use.

Free Landscape Brochure Mockup 02 1
Group 770
Group 771
Group 772

Iconography

Group 770

Icons in the corporate identity are filled. The main part of the icon is painted with the primary gradient, and additional elements are in mint. Elements are separated from each other with rounded borders.

Group 773 1

Mascot Design

We created illustrative mascot designs for different user outcomes add visual interest and action cues.

Group 777
Frame 140
Frame 141
Frame 142
Frame 136
Frame 137
Frame 138
Frame 139

Website

For the website design, we kept it minimal focusing on the most key elements: heading, main CTA's and supporting imagery. The heading directly addresses healthcare workers pain points, with app screenshots supporting the message. The main CTA's take users to the application.

Group 669
Group 778

The remaining sections describe the application and how its features work.

Frame 143 1
Group 779
Group 780
Group 781

Wireframing

Group 783

Desktop Application

Group 782
Login page
Group 790
Group 791 1
Frame 143

UI Elements

Group 791

Mobile Application

The mobile application design includes 63 pages. The challenge here was condensing the extensive information available for users in a mobile screen without compromising the usability.

UI Elements

Group 792
Group 737
Frame 146 2
Hyre mobile screenshots and brand mascot

The post Hyre appeared first on Passionate Agency.

]]> Ordo https://passionates.com/projects/ordo/ Mon, 22 Mar 2021 16:35:26 +0000 https://passionates.com/?post_type=projects&p=11386 The post Ordo appeared first on Passionate Agency.

]]> The post Ordo appeared first on Passionate Agency.

]]> Wild Prizes https://passionates.com/projects/wild-prizes/ Fri, 05 Mar 2021 10:58:43 +0000 https://passionates.com/?post_type=projects&p=14519 The post Wild Prizes appeared first on Passionate Agency.

]]> The post Wild Prizes appeared first on Passionate Agency.

]]> Fertifa App https://passionates.com/projects/fertifa-app/ Sun, 06 Dec 2020 11:22:48 +0000 https://passionates.com/?p=9286 App for Marketing Analytics Software

The post Fertifa App appeared first on Passionate Agency.

]]> The post Fertifa App appeared first on Passionate Agency.

]]> Science Walks https://passionates.com/projects/science-walks/ Sat, 24 Oct 2020 16:09:06 +0000 https://passionates.com/?post_type=projects&p=11359 The post Science Walks appeared first on Passionate Agency.

]]> The post Science Walks appeared first on Passionate Agency.

]]> Anxiety Support Hub https://passionates.com/projects/anxiety/ Tue, 30 Jun 2020 15:31:40 +0000 https://passionates.com/?p=9485 App for Marketing Analytics Software

The post Anxiety Support Hub appeared first on Passionate Agency.

]]> The post Anxiety Support Hub appeared first on Passionate Agency.

]]>