top of page
A personalized inspirational platform
third stage- Isaac Quaynor.png

The project involved creating a new landing page for the Inspo website, which provides personalized guidance from celebrities, influencers, and experts to transform users' lives. The founder of Inspo provided valuable insights through an interview video about project goals, competitors, target persona, and other aspects. The objective was to increase engagement and conversions on the website and present it to investors.

Project type:  Internship at Contrast UX Studio

Time Frame: 8 weeks

Figma-1-logo.png
protopie logo.png
Midjourney_Emblem.png
Midjourney
adobe-photoshop-cc3131.jpg
Adobe_Illustrator_CC_icon.svg.png
1.png
Landing 2.png
landing 3.png

My Role

​Design Thinking and Research

  • Conduct research to define project requirements and guidelines

  • Identify main persona

 

Branding and Visual Identity

  • Create a fresh visual identity for the brand

  • Develop a logo, complementary color scheme, and typography for consistency

 

UX/UI Structure

  • Ensure correct structure for UX/UI design

  • Focus on increasing engagement and conversions on the website.

My Goal

My goal was to refresh the website that isn't user-friendly and welcome users with excitement, prestige, personalization, and curiosity to explore it, ultimately increasing engagement and conversions.

The challenges

The project presented several challenges, including limited information, effectively communicating the client's unique service, crafting messaging around the transformative nature of the service, and creating a landing page that motivates users to take action.

“I wish I could receive guidance from another entrepreneur to help me get started with opening my own restaurant.”

Artsflow_Jonathan_Marco_a_40-year-old_bearded_professional_chef_c5b13bdd-d8cb-4f13-b73a-81

​Goals:

  • Building a business plan

  • Making time for his own dreams

  • Dealing with stress and pressure

  • Finding a professional and trusted partner

  • Maintaining a work-life balance while providing for his family.

Habits:

  • Making breakfast for his daughters

  • Having a late drink after work

  • Walking the dog

  • Taking a train to work

Tech usage: Instagram, Amazon, YouTube, "Calm" app, and MacBook.

​

Personality: Impatient with technology, prefers face-to-face communication.

Jonathan Marco, a 40-year-old professional chef based in Brooklyn, NY, has been working at a restaurant in New York City

for several years to provide for his wife and two daughters. Although he loves his job, he dreams of opening his own restaurant someday. However, he's concerned about the challenges of balancing his family responsibilities while pursuing

his entrepreneurial aspirations.

Design & Research process

Transcription of Inspo founder interview video

I used an AI-based feature to transcribe and edit the data from the interview to understand the essence of the project. I identified the competitors, the main persona, and the overall goal of Inspo.

Persona

There are two primary personas for the Inspo project: talents and users seeking inspiration. during the design process, I had to consider which persona to prioritize as the main focus.

Main research insights

01

This product offers personalized video responses from celebrities, influencers, and experts to help users achieve their goals, and targets aspiring individuals in various fields and those seeking advice on personal matters.

02

The vision is for Inspo to become the world's number one personalized, inspirational platform, where users can connect with others at a deeper level and gain knowledge, wisdom, and insight from those who have already achieved what they aspire to.​

03

Inspo aims to maximize time for money by providing live Q&A sessions, online courses with a live element, and a book club. The product targets inspo seeking parents who seek advice, support, and wisdom from people who have overcome similar challenges in their lives.

User story

Choosing my main persona, I mapped the current user journey and developed a desired user journey to understand the essence of the website.

Current hero journey map

current

Desired hero journey map

desired

Competitive analysis

During the video interview, the founder was asked to list the competitors and their strengths, as well as his favorite and least favorite parts. He mentioned Cameo, Swish, Calm, Memmo, Instagram, and TikTok. He praised Calm's leadership in mental health, Cameo and Swish's strong brands and talented individuals, and Memmo's respected brand in the celebrity short message industry. However, he noted that their focus on short messages is not the main offering that Inspo provides, which is deeper connections that go beyond simple shoutouts.

 

After the customer listed his competitors and shared his thoughts on their strengths and weaknesses, I conducted research on their designs and made notes for the next stages of the design process.

competitors.png

Design Process

Inspo design

Sketching possible Layout

As part of my design process, I sketched a few possible layouts while considering the research findings and the customer's feedback on the competitors' designs.

Layouts.png

First round - Examining Main Character Composition and General Look and Feel

During the design process, I explored different design directions and used a UI hacking process to gain inspiration. I opted for a dark mode to convey prestige and excitement while showcasing celebrities' talents. I worked on balancing colors, composition, and fonts to create a cohesive and visually appealing design that captures the attention of users. Additionally I've used 'Midjourney' to explore new design leads.

examining positions.png

Second round - Exploring Character and Layouts

Frame 102.png

Third Round - Creating Theme Backgrounds using Midjourney

In the third round, I decided on a direction and created theme backgrounds by topics using mid-journey. This involved creating visually engaging and cohesive designs that align with the platform's overall branding and messaging.

Frame 111.png

Side check- examining the option to present the user as the main issue instead of the Talents

Frame 117.png

Finalizing the Design

Back to the original direction, I finalized the design to completion and ensure that it met all of the necessary criteria and requirements.

Frame 118.png

Adding Movement and Animation

I wanted to bring the design to life by incorporating movement and animation.

Design system

Design system.png
circles3.png

Community and social events makes easier.

© Designed by Avital Mahler 2023

bottom of page