Akinradewon Steven Abiodun
Framer Website Developer | Web Design & Development
New to Contra
Akinradewon is building their profile!
Aurevon Automotive is a Framer Website designed for an independent automotive design studio developing vehicle concepts, interiors, mobility systems, and digital cockpit experiences.
The project transforms the studio’s capabilities, philosophy, process, concepts, materials, team, and journal into a cohesive digital experience. The visual direction combines editorial art direction, large automotive imagery, restrained typography, generous spacing, and immersive case study moments. This balance of Web Design and Graphic Design creates a distinctive identity.
The homepage establishes the studio’s positioning across vehicle design, automotive UX, mobility concepts, and future programmes, with clear calls to action supporting discovery and conversion.
The Selected Concepts section presents five fictional programmes across electric, performance, luxury, and future mobility categories. Each concept includes its vehicle type, scope, year, imagery, and dedicated case study pathway, creating a scalable portfolio structure.
The featured Aurevon Vela case study presents the design challenge, direction, proportion, aerodynamics, surface development, lighting signature, interior architecture, digital cockpit, material strategy, and final concept. This approach uses User Experience Design to make the portfolio more persuasive by explaining the thinking behind the work.
The design process is structured around Discover, Define, Explore, Refine, and Present, supported by sketching, modelling, material studies, lighting studies, interior mockups, and visualization. Automotive UX covers navigation, vehicle status, climate, media, drive modes, and charging, with a focus on contextual information and clear interaction.
A Material Library presents premium metals, carbon fiber, leather, recycled textile, glass, titanium, natural wood, and technical fabric with their textures and applications, adding depth to the brand story.
From a Web Development perspective, the website uses scalable sections, responsive layouts, interactive content patterns, project pages, journal content, structured navigation, and a detailed project inquiry form. Framer is the primary platform, supported by Figma and knowledge of HTML, HTML5, CSS, JavaScript, and PHP principles. A SaaS style component mindset supports flexible content structures that can grow with the studio.
Responsive Design keeps imagery, project details, interface demonstrations, material cards, journal content, and conversion sections clear across desktop, tablet, and mobile.
Landing Page Optimization and Conversion Rate Optimization are applied throughout the visitor journey. Strategic CTAs appear around key content, while the project form captures company, project type, vehicle category, project stage, design scope, target market, timeline, project details, brief, and references. This turns a basic contact page into a stronger Lead Generation touchpoint.
Search Engine Optimization is supported through descriptive service categories, concept pages, structured navigation, and specialist journal content covering proportion, interiors, lighting, digital cockpits, materials, concept development, aerodynamics, and future mobility.
Team, testimonials, recognition, collaboration, and engagement sections add trust and clarity. Three engagement models clarify collaboration for manufacturers, startups, technology companies, luxury brands, consultancies, and engineering teams.
Marketing Strategy is built into the information architecture, with each section supporting credibility, expertise, education, differentiation, discovery, or conversion.
The final result is a sophisticated automotive design portfolio and business website that balances visual impact with strategic communication. Aurevon Automotive is positioned as a multidisciplinary design partner connecting exterior form, interior architecture, material strategy, automotive UX, visualization, and design direction into one coherent experience.
1
10
Rovano Barber Co. is a premium Framer Website created for a modern men’s barbershop built around precision cutting, considered grooming, and a refined customer experience.
The project was designed to position the barbershop as more than a place to get a haircut. Every section communicates craftsmanship, consistency, comfort, and personal attention while creating a clear path for visitors to discover services, meet the barbers, explore the experience, and ultimately reserve an appointment.
The homepage establishes the brand through a strong editorial hero section centered around precision and personalized grooming. Clear calls to action such as booking an appointment and exploring services immediately give visitors a direct next step, while service highlights, client ratings, statistics, and supporting imagery establish credibility early in the browsing experience.
The website architecture was intentionally developed around the customer journey. Visitors can explore individual grooming services, understand what each appointment includes, review pricing and duration, and move directly toward booking. Services such as the Signature Cut, Skin Fade, Beard Sculpt, Hot Towel Shave, Cut + Beard, and Rovano Full Groom are presented with clear information to reduce uncertainty and help customers select the right experience.
A dedicated barber directory adds another layer of trust and personalization. Each barber has an individual profile highlighting their specialization, philosophy, experience, and approach to grooming. This creates a more human connection between the visitor and the business while also supporting appointment decisions for clients who prefer a specific barber.
The Rovano Experience section introduces a four stage process, Consult, Craft, Refine, and Finish, helping communicate exactly what customers can expect in the chair. This transforms an otherwise simple haircut booking into a premium service experience and reinforces the brand’s attention to detail.
For customer retention, the project introduces Grooming Memberships with different recurring service options. This creates an additional conversion pathway beyond one time appointments while giving regular clients a reason to maintain an ongoing relationship with the barbershop.
Trust building is reinforced through client experiences, ratings, before and after content, visual gallery sections, and detailed descriptions of the physical environment. The gallery showcases the chairs, tools, hot towels, grooming details, stations, and overall atmosphere, allowing prospective customers to understand the experience before they arrive.
A journal section was structured to support content marketing and Search Engine Optimization through educational grooming articles covering haircut selection, fade maintenance, beard care, and related topics. This provides useful information for customers while creating opportunities to attract organic search traffic around relevant grooming queries.
From a conversion perspective, Landing Page Optimization and Conversion Rate Optimization principles are applied throughout the website. Booking CTAs appear at important decision points, service pages provide relevant information before asking visitors to commit, and the final call to action gives users a clear route toward choosing a service and reserving their chair.
The experience was built with Framer and structured around Responsive Design, ensuring the visual hierarchy, navigation, service information, imagery, and booking pathways remain effective across desktop, tablet, and mobile devices. Figma supports the design process, while modern HTML, HTML5, CSS, JavaScript, and PHP development principles inform the technical thinking behind the experience.
1
12
Aurevia Estates required a digital presence capable of communicating more than property development services. The website needed to present the studio as a thoughtful, design-led partner capable of taking a project from opportunity assessment through strategy, architecture, delivery, and completion.
I created a premium Framer Website around this positioning, combining sophisticated Web Design with structured Web Development and a strong editorial approach. The visual language was intentionally restrained, architectural, and contemporary, allowing the projects, materials, locations, and development philosophy to remain the focus.
The homepage introduces Aurevia through a clear value proposition, immediately communicating its focus on creating places designed to endure. Strategic sections explain the company's approach, capabilities, portfolio, development process, design principles, project intelligence, and long-term philosophy.
The project portfolio was designed as a central conversion asset. Individual developments such as Aster Vale Residences, Solenne House, Northbank Hotel, Cedar Quarter, and Maison Orra are presented with clear project classifications, locations, stages, descriptions, and supporting development information. This gives prospective investors, property owners, and development partners a structured way to understand Aurevia's capabilities.
Using Figma and Framer, I developed a responsive interface with carefully considered User Interface Design and User Experience Design across desktop and mobile experiences. HTML, HTML5, CSS, JavaScript, and supporting development principles were considered to create a scalable and performance-conscious digital experience.
The website architecture also supports Landing Page Optimization by placing strong calls to action throughout the journey, including "Discuss A Development" and project inquiry pathways. Instead of forcing visitors through a single conversion route, the experience provides multiple opportunities to begin a conversation based on their level of interest.
Conversion Rate Optimization was incorporated through clear service categorization, project evidence, process transparency, testimonials, frequently asked questions, and a detailed development inquiry form. These elements work together to reduce uncertainty and encourage qualified prospects to make contact.
The site's content structure also supports Search Engine Optimization by creating dedicated contextual sections around development strategy, architecture, residential development, hospitality development, project management, and related capabilities. This creates a stronger foundation for organic visibility while maintaining a premium brand experience.
From a Marketing Strategy perspective, the website positions Aurevia around expertise, trust, design quality, contextual thinking, and long-term value rather than simply promoting properties. The portfolio, project intelligence, journal, capabilities, and development methodology work together to establish authority and support Lead Generation.
The final experience is a sophisticated digital platform that communicates Aurevia Estates as a serious development studio, demonstrates its strategic and creative capabilities, builds confidence with potential partners, and creates a clear path from first visit to development inquiry.
1
18
Monumenta Studio is a sophisticated Framer Website designed for an architectural visualization and design studio focused on transforming architectural concepts into cinematic visual experiences.
The website combines premium Web Design, Graphic Design, and modern Web Development to communicate the studio's expertise across exterior visualization, interior visualization, architectural animation, virtual walkthroughs, material studies, and competition visualization.
A strong emphasis on User Interface Design and User Experience Design creates an immersive journey through the studio's selected work, case studies, creative process, material explorations, lighting studies, and architectural storytelling. The visual direction is intentionally editorial and cinematic, reflecting the precision and artistic quality expected from a specialist architectural visualization studio.
Built with Framer, the website uses Responsive Design to deliver a polished experience across desktop, tablet, and mobile devices. Interactive sections such as the Design Explorer, Visual Comparison, Lighting Studies, Material Studies, and Featured Case Study give prospective clients a deeper understanding of the studio's methodology and creative capabilities.
The project also incorporates development principles associated with HTML, HTML5, CSS, JavaScript, and PHP, with Figma supporting interface planning and design refinement. Strategic Landing Page Optimization and Conversion Rate Optimization guide visitors toward project inquiries, while clear calls-to-action create a direct path from portfolio discovery to consultation.
From a Marketing Strategy perspective, the website positions Monumenta Studio around a clear value proposition, helping architects, interior designers, developers, hospitality brands, and real estate professionals understand how high-quality visualization can help communicate, present, market, and sell architectural concepts.
Content architecture supports Search Engine Optimization, while project showcases, service explanations, journal articles, testimonials, and inquiry forms create multiple opportunities for Lead Generation.
The final experience establishes Monumenta Studio as a premium creative partner capable of turning drawings, models, materials, and architectural ideas into compelling visual stories that help clients see the finished space before it exists.
1
22