Basit Oluokun - Brand Designer | Contra
Work by Basit Oluokun
Sign Up
Post a job
Sign Up
Log In
Basit Oluokun
Brand & UI/UX Designer | Thumbnail Designer | Web Design
Message
Follow
Ready for work
Basit is ready for their next project!
Lagos, Nigeria
Work
Posts
Services
About
Lagos, Nigeria
3
I recently completed a creative advertising campaign for Maple3, a premium, plant-based hydration drink made from 100% pure organic maple sap. The challenge was to create a campaign that could communicate Maple3’s natural advantage while still feeling bold, performance driven, premium, and relevant to modern athletes and active lifestyles. Rather than relying on traditional product-focused ads, I developed a visual campaign that placed Maple3 directly inside the world of movement and performance from trail running and cycling to swimming, snowboarding, road trips, and outdoor adventure. The goal was to answer one key question: How can we make natural hydration feel just as powerful and aspirational as the world’s leading sports brands? Through strategic creative direction, AI-assisted visual exploration, product storytelling, and design refinement, I created a cohesive campaign built around the idea:Nature-powered hydration. Performance in motion. This project also gave me the opportunity to explore how AI can support not replace creative thinking. Every visual started with a concept, was shaped through intentional art direction, and refined into a consistent campaign system. The full Maple3 case study is available on my Behance. 🔗 Link to the full project is in the comments. I’d love to hear your thoughts. Which campaign concept stands out to you the most?
3
3
191
2
A client recently needed a testimonial video from one of his customers. There was just one problem. The customer didn't have the time to get on camera and record one. Instead, the client sent me a photo of the customer along with the written testimonial and I handled the rest using AI. The goal wasn't simply to generate a talking avatar. It was to create a testimonial that felt believable. That meant paying close attention to facial expressions, lip sync, camera movement, lighting, and the outdoor environment so everything felt natural and authentic. AI can speed up the process, but realism is still in the details. I also shared a behind-the-scenes screenshot in the comments if you're curious about the workflow. What do you think of the final testimonial video?
2
49
2
I built the complete UI/UX of Kreightor an AI-powered YouTube creator platform designed specifically for African and emerging market creators. The product solves two pains I confirmed through user research I conducted last year across Nigerian, Ghanaian, and Kenyan creators: they don't know what to make videos about, and when they do have an idea, they freeze at a blank page not knowing what to say or how to structure a script that keeps people watching. Kreightor combines two core features into one seamless workflow a trending idea discovery engine that shows creators what's blowing up in their niche right now, and an AI script generator that produces fully retention-optimised scripts structured around the YouTube algorithm, in the creator's own voice, in under 60 seconds. The platform is priced at $9/month specifically because every tool that solves this problem today charges $49 to $299/month, built for creators in California and priced for American salaries. Nobody is building for Africa. That's the gap Kreightor fills. The prototype covers 10 complete screens across the full user journey from landing page through authentication, a 4-step voice profile onboarding, the main idea discovery dashboard, script generator, script result with AI scoring. The Prototype https://stitch.withgoogle.com/preview/6523870180566412732?node-id=3f6dc0afc5894a4d8df63fcf54e2dcea How I Used Stitch I used Google Stitch as the primary design tool for the entire product not just to generate screens, but as a core part of my thinking and iteration process. I started by loading my design system directly into Stitch using the DESIGN.md (http://DESIGN.md) feature. I defined my brand tokens primary blue (#2563EB), dark navy (#060B1E), Darker Grotesque for headings, Inter for body so that every screen Stitch generated automatically respected the Kreightor visual language from the first generation. From there I built all 10 screens using Standard Mode prompts, being very specific about layout, component hierarchy, copy, colour values, and interaction states. I treated Stitch less like a "generate and accept" tool and more like a collaborative design partner I would generate a screen, identify what wasn't right, write a targeted refinement prompt, and iterate until it matched my vision. For more complex screens like the dashboard and script result layout I used Experimental Mode with reference images to get the layout precision I needed. Once all screens were complete I used Stitch's prototype feature to wire the full user flow together connecting every CTA, button, and navigation element across the entire 14-screen journey so the prototype is fully clickable from landing page to upgrade success state. I then exported the designs to Figma using the Copy to Figma feature for layer cleanup and developer handoff, and extracted the React component code per screen for the development build. Stitch Features I Used The DESIGN.md (http://DESIGN.md) Loaded my complete brand token system before generating a single screen. This meant every generated UI automatically used my exact colors, fonts, and spacing without me having to correct it after the fact. This feature alone saved me hours of manual correction and made every screen feel like it came from the same design system rather than a series of disconnected AI generations. Animate Feature Used to bring the Hero section image and cards around it to live and also applied hover states. Prototype / Play Mode Used to wire all 10 screens into a single clickable user flow. What would have taken me hours of manual hotspot wiring in Figma happened automatically when I hit Play Stitch inferred the journey from screen names and content, and I only needed to manually wire a handful of connections it missed. React Code Export Exported component code for each screen to hand off to my developer alongside the Figma file. Having production-ready React components come out of the design process rather than having to write them from scratch is a meaningful time saver. My Experience Using the Platform Stitch genuinely surprised me. I came in expecting a tool that would get me 60% of the way there and leave me doing heavy manual work to finish. That's not what happened. The DESIGN.md (http://DESIGN.md) feature is the one I'd tell every designer to use first. Loading your design system before you generate anything is the difference between outputs that feel random and outputs that feel intentional. Once my tokens were in, Stitch stopped feeling like an AI generator and started feeling like a fast junior designer who already understood my brand. The thing I appreciated most was the prompt iteration loop. You're not locked into the first generation. Every refinement prompt I wrote moved the design meaningfully closer to what I had in my head. By the third or fourth iteration on complex screens like the dashboard, I was looking at something I genuinely wanted to show to investors. Where Stitch still has room to grow is in granular layout control. There were moments particularly on the two-column dashboard layout and the script result screen where I knew exactly what I wanted spatially but the prompt interpretation gave me something slightly different. I ended up regenerating multiple times with a reference image to solve this, which worked, but a manual drag-and-drop override would have been faster. The prototype wiring was the biggest time save I didn't expect. The auto-connect on Play mode is genuinely magical the first time you see it work. I had a fully clickable 10-screen flow ready to share in minutes after I thought I was going to spend the rest of the afternoon doing it manually. Overall for a founder or designer moving at speed, Stitch is the best zero-to-prototype tool I've used. The gap between what you imagine and what it generates is narrower than any other AI design tool I've tried, and it only gets narrower the more intentional you are with your prompts and your design system setup.
2
109
1
I made a motion Motion design for Keylight Development a modern home builder that uses modular grid in building homes 🏡 while reducing long construction timeline. What's your take on this?. I'm open to collaboration.
1
78