JUL 2020 - MARCH 2021
The Intro
Triple Star Media contracted me to create a greenfield internet raffle product line.
The entire project from start to finish took about 5 months. The team was 100% online, spread from the Philippines, Australia, Poland and The UK.
In the end, I’ve created three brands. Prize Jar, Prize Monkey, and Prize Stars. The first two are very similar, but you can learn more about The Prize Jar here:(soon)
You can check the web-site here www.prizejar.com
Prize Stars, is a bit different brand but it use the same template can be found here www.prizestars.com
My responsibilities were:
Market research
I conducted market research and applied that knowledge to my design
UX and UI design
I designed all user flows: onboarding experience, registration journey, purchase journey and retention experience to name just a few
Logo and brand IDs
I created brand logos
Marketing guidelines
I created a visual language, tone of voice, social media post and guidelines
Design system and lingo
I worked with developers from start to finish, I guided them and created reviews
Brand mascot design and animation
I designed and animated the Brand Mascot “The Bear”
Investor decks
I worked on investors decks
CRM communication
I created generic e-mails and guidelines for future iterations
Prize Stars (additional brand)
Additional info about the second brand.
Prize Stars was a second brand which I designed, but this one (on this page) is better documented, and I used it as a master template.
But, If you would like to know more about Prize Stars
Learn More Here >
Prize Stars is different in terms of audience and channels. It is also interesting to see how the same design template can apply to two different ideas.
The Process
We didn’t have any market data or developed personas. I gathered my info from stakeholders and competitor websites. My assumptions were:
This is a product for the general population with an average IQ of 90-100, appealing to both genders but because the mascot will be a bit more feminine. That was our goal, as we did have data to work with.
The product must be easy to digest and similar to online retailers like (Amazon, Asda, Argos etc. )
Must be similar to existing products like ITV Win, Raffolux, Omaze etc… (It was a product team requirement)
Visual language must be simple. No mixed signals or hidden messages. Simple in this case means function and usability over visuals.
Requirements
I started with research, and I found many similar products on the market. The team pointed features they wanted to implement. We’ve nailed down requirements:
Mobile First - the desktop had a lower-priority, we will reuse components and I will design them as responsive ones.
Password-less, mobile-only based registration. Cookie and mobile SIM-card based user identification.
Payment options (Card, PayPal, SMS, Pay By Mobile, Apple Pay)
Bonus Points for an e-mail address and newsletter subscription.
Referral programme. Must be possible to invite a friend and get bonus points in return.
Part One:
User Experience
Part One:
User Experience
Sketching
First whiteboard sketch. I drew it to visualize the user flow and to have an idea which parts I need to cover and in what order. It was also good to understand the product at a high level.
White-boarding is one of my favourite creative methods.
I sketched a user flow on paper, scanned, and shared it with a team via Miro. After a few iterations, we’ve moved to Figma.
Miro is amazing tool to work with.
Figma
I created a simple-clickable prototype and informed everyone to save this link as we will work on it. Was very important for me to have everyone on the same page.
I knew that we were going to need a design system sooner than later. That’s why I started thinking about components, patterns and variants. That way I will not waste any time later. As key components of the design system were already defined.
I divided the system into measures and CSS styles. That way I was able to deliver many brands in no time.
White-boarding is one of my favourite creative methods.
Design
System
To speed up the development process I created full documentation.
It was faster for me to create this doc than later spent time with developers. It wasn’t a separate file but a part of the main template. That way I wasn’t creating a new document but worked on a single system.
Before the development, I informed the team that:
everything is modular and nested
I used Fibonacci numbers
If something has 27pixels is more likely 30pixels
if typography is without a style = mistake
if colour is without a style = mistake
And a few more - But that was my approach
Doing design guidelines was a real seamless expirience in Figma and it wasn’t something EXTRA, Was just a part of my workflow.
Colours
Prize Jar is a monotone brand with a yellow as an accent. Sometimes we can use it as a duo-tone.
It is possible to use mono-gradients
Part two:
Brand and a Bear..
Part two:
Brand and a Bear..
The Logo
I’ve created eight versions of the logo. Very important for me was to keep the logo readable, as the only place where it will be available on the nav-bar (about 50px height).
We did limited focus groups and we’ve found that that the simplest logo was a winner and red was the colour of choice
The team requirements were:
Must be appealing to everyone
Must be all about fun
Must have soft look and vibe
Tested Version
Logo Final
We also tested colour and Red was a clear winner
Typography
I used Nunito for H1 to H7 and Nunito Sans for everything else below the H7 line
Typography page from my guidelines
The Bear
I created this character to support the brand. My main goal was to use it as “an emotion device” to signal important events like “waiting”, “win”, “surprise” and others.
I also created a font with all his emotions. It was useful for marketing, presentations, etc. I sent this font to everyone involved.
Bear and all his emotions
Animations
Example animations to support a user engagement and attention during the loading time or to point a user in the right direction.
User is waiting for KYC verification
Payment confirmed thumbs-up!
Marketing
We’ve used bear across the social media and during the onboarding process.
I also created a font with all his emotions. It was useful for marketing, presentations, etc. I sent this font to everyone involved.
Examples of the Instagram Posts
Social media headers
Part There
The Development
Part There
The Development
I was involved in the development, reviewing developers’ progress, writing review documents.
Developers were pleased with my documentation. I’ve heard many times that my comments and reviews were clear and very easy to understand.
An example of a desing review document.
User
Feedback
From day one, our goal was to be as transparent as possible, that’s why we’ve picked Trustpilot as our go-to-trust-platform.
Trust is a part of the “promise” message of this product and there is always not-enough what we can do to build it.
It was a true joy to read all comments of our users. In moments like this I know why I love this job :)
UX Services
My work on Prize Jar hadn’t finished with a launch. The company involved me in many improvements and tweak projects. like:
New Registration Journey
User Win Sharing and Winners panel/functionalities
Many More
An example of such a project: “Categories" below
Initial sketches
Implementation
The Gallery
Of Screencaps
The Gallery
Of Screencaps
Landing Page
The Competitiony Entry Point
The Competition Journey Entry Point
Mobile Verification
Purchase Panel
Mobile Number Entry
Card Entry
Profile Page
Referal Page
Bonus For E-mail
Opt-In Pop-up
Social Media Panel
Post-Morten
It was a great project to work on. We've achieved a lot in a short period. It was fantastic to work with a senior and experienced team.
Prize Jar is very successful in conversion rate and it has an exelent score on Trust Pilot. I’ve heard a lot about how easy to use Prize Jar is. And that people really enjoy it.
10.09.2020 Prize Jar launched in the UK. Time and market will tell how the product is doing.
Additional info about the second brand can be found here
Portfolio
Selection Of Projects: 2016-2021
2021
Internet Raffles
I designed a line of products for the internet competitions
Product design
2019
Platform
Design
I’ve created a design system and a platform for online casino products
GUI DESIGN
2018
Gamified Experience
I’ve researched and designed gamification features
PRODUCT DESIGN
sep 2016
Lottery Syndicates
A green-field project about lotteries. I tested and created a product
PRODUCT DESIGN
2018
Slingo Boom HTML5 game
My task was to create UX and UI for free to play product
GUI DESIGN
More Projects and Samples Avalible Upon Request
Archive
+6 years old works
may 2015
Pirate
Plunder
GUI design, animations and art for company’s flagship product
VISUAL DESIGN
2013-2015
Geonomics GUI design
I was Art Directing creation of skins for company’s instant win games
VISUAL DESIGN
ANCIENT
+10 years old projects
aug 2013
Zoony
Match
Game UI And UX
GUI DESIGN
may 2012
Brainstorm iOS app
New product line design and service
PRODUCT DESIGN
JUN 2009
Blamball
iOS game
New product line design and service
GAME DESIGN
miscellaneous
Areas Of Interest
2010-2013
Various
Animations
Some Animations For The US Based Companies
Animations
JULY 2020
Nathaniel 19
free font for all
As an experiment I had created a freeware font for all designers
FONT DESIGN
2009-2020
MY Art &
DrawINGS
After Hours,
My Art and Hobby
ART
Copyright 2021 - Adam Jedrzejewski - All Rights reserved.
All product names, logos, and brands are property of their respective owners.All company, product and service names used in this website are for identification purposes only.Use of these names, logos, and brands does not imply endorsement. Adam Jedrzejewski - London based product designer portfolio. Available for a short and a long-term contracts.