![Getfoyl.com redesigned for conversion. +140% increase.](https://cdn.prod.website-files.com/5ec7eac98fb5add0ed4b7422/627682e7efcd351f1a9abe94_Portfolio%20mockup.jpg)
If you build it they will not come. Gone are the days when a product gained traction just by publishing it. Today you need proper marketing to get users. I sucked at it.
A little background
As a product designer, I wanted to have my own product. A side project where I had all the creative freedom in the world. My goal was to learn everything that comes into building and promoting a simple app. To learn.
I found the problem space while playing a couple of video games at that time. Gaming companies offer free games, in exchange they have a marketplace where they sell in-game items.
It became a big thing, passionate gamers like to spend their virtual and real money on them.
Games like Fortnite, Apex, and Call of Duty offer new items daily.
Value proposition
The problem I wanted to solve with my app: Allow gamers that care about items to quickly check what’s available on that day. While not at home or without starting the gaming console. For those that don’t know, it takes a while.
![Vision and user stories for Foyl app. View Fortnite items daily,](https://cdn.prod.website-files.com/5ec7eac98fb5add0ed4b7422/624703556e31068f0a6dcda8_10.jpg)
After some research I realized that there are websites, Instagram accounts, and other apps that offer this. They were all bloated and full of ads.
But I didn’t care, if there’s a market you can offer a simpler or better product right?!
Aggregator vision
Initially, I wanted to build an aggregator for multiple games.
My original vision statement
Be the place to see at a glance the daily store cosmetics, items, and skins for Fortnite, Apex Legends, and Call of Duty. These were the hot games at that time.
Like any designer, I jumped immediately in defining a Logo and Landing page. Not ideal, but honestly if it gets the ball rolling it’s a great kickoff.
Here is the result
![Original concept and landing page for GetFoyl.com](https://cdn.prod.website-files.com/5ec7eac98fb5add0ed4b7422/624706ba4c82632c78b2fba0_Apr-01-2022%2016-00-53.gif)
Side Note
Foyl came from the term “foil” as in aluminum foil or skin on top of something.
The Fyre festival scandal was all over the tech news at that time and it seemed a nice inside joke.
Next, my goal was to promote it in the gamers community. For all 3 games. I wanted to see if anyone would be interested and validate my idea.
If enough people sign up then it's worth building it.
It became obvious that the product had a very wide audience. And most importantly the communities were hostile to each other. Gamers are passionate people.
This forced me to have a generic message in my Headline and messaging style.
Too tailor to different audiences: Fortnite for a younger user base and Apex/CoD is relatively more mature.
My conversion rate was at 12% on app invite signups.
Redesign and pivot
I decided to focus only on one specific game. The message and marketing was clearer and targeted for a specific niche. It' was also easier to build the MVP.
Changes
- I removed the navigation on top to remove unnecessary distractions from the Call to Action
- Simplified the Graphic by removing the distracting background
- Tailored the Headline copy to a younger audience and more specific.
- Increased the size of Call to Action buttons.
![Redesign of GetFoyl.com. Post redesign and pivot](https://cdn.prod.website-files.com/5ec7eac98fb5add0ed4b7422/624756a85fd010c115756b1b_03.jpg)
Get your website evaluated by me
Get your landing analysed for conversion for 5$.
Use 90%off promo code: XK1NVSWR
Simple validation
I ran a simple test with people not familiar with the product and website.
I used Maze (free) for it. Asked if any of my twitter followers have 3 min to spare.
![Result of landing page user testing with Maze](https://cdn.prod.website-files.com/5ec7eac98fb5add0ed4b7422/62470bca057b6968a3d39f46_11.jpg)
My conversion rate reached 29% after all the changes. The traffic was not entirely organic as I ran some ads on Instagram. The customer intent was probably higher but still a decent increase.
Later, when the app was ready I replaced the call the action with “Get beta”. Later again with "Apple Store" and "Google Play" links. Like it is now.
![Conversion rate for signups post redesign. Google Analytics](https://cdn.prod.website-files.com/5ec7eac98fb5add0ed4b7422/62470d757ef2ad67b8552c8c_12.jpg)
Foyl app has a nice rating in the App Store. Especially considering I run ads on it to support the server and the Apple license costs.
It doesn’t make much but it’s on autopilot and as passive as it gets. There's a free API that updates the content.
If you’re curious download it here.
![Screenshot of Foyl App UI](https://cdn.prod.website-files.com/5ec7eac98fb5add0ed4b7422/62470e2818750817c4d17b10_13.jpg)
Tools used
Documentation: Notion
Design: Figma
Web Development: Webflow
iOS and Android: Swift and Flutter
Hosting: Github and Netlify
Analytics: Google Analytics
If you’re looking for a tool to build your website. Use Webflow.
It’s the best and has no constraints on design. Iterate for conversion.
— Oleg
Get your website analysed for conversion for 5$.
90%off promo code: XK1NVSWR
Get Conversion AnalysisHere's an example for Resumey.
Practical conversion tips and cases. Weekly.
Join Our Community
To learn from practical tips and case studies: join my community of founders