I develop web applications
Take a look at the projects below.
Project
Web Application (YouTube Clone)
Technologies:
- HTML
- CSS
- GitHub
Summary of work done...
- Front-End Development
- GitHub Version Control
- GitHub Deployment
Project
Website
Technologies:
- Figma
- HTML
- CSS
- Elementor
- WordPress
- cPanel
Big Bricks, a new real estate startup with great idea on how to reduce the housing deficit across major cities in Africa, they needed a designer who understands the four things below:
1. Product Industry
2. Brand Identity, Voice and Tone
3. Digital Marketing Strategy and Implementation
4. Lead Generation.
Problem:
The challenge associated with their requests above was that they had little or no content and talents available to execute ideas due to the fact that they were just starting business and still trying to recruit the best talents to form their team.
Lead generation was another challenge because of the absence of a lead magnet, copywriting and landing page design.
How I solved the problem:
Instead of focusing on what was not available, I focused more on the things that were available no matter how small they were, like the brand identity guide, marketing strategy, people, content, data from customer and competitors research.
Having the resources stated above, within a short period of time I designed the website user experience, information architecture, UX Microcopies for the website interface and came up with a clean modern User Interface (UI) to showcase the brand credibility, it’s real estate products.
I used a blog post as a lead magnet to generate leads on the website because there was no lead magnet such as an E-Book, video, incentive etc.
Now realtors and customers are associating with the Brand through the website, and more hiring is also happening through the website.
High-Fidelity Wireframe/Web Development
Summary of work done...
- Product Management
- Website Design & Content Design
- Implemented UI/UX best practices while creating the website layout and style
- UX Microcopy Writing
- Website Development
- On-Page SEO
Project
Landing Page
Technologies:
- Figma
- HTML
- CSS
- Elementor
- WordPress
- cPanel
WhatsApp served as the collaboration tool for this project in order to get the brief and work remotely. The brief had just the e-flyer designed by a graphic designer from the organization for the conference and the brief also had in it, five form fields (Name, Email e.tc) to collect data from the participants who will want to attend the conference.
The request: Create a landing page displaying the e-flyer and the form, however the page has to look clean, professional and modern rather than a page looking like a simple google form for registration. The page has to represent the brand identity, branding and also entice the participant, sort of giving them the energy (vibe, willingness) to attend the conference.
I achieved the tasks stated above without purchasing a theme or template, i came up with a minimal custom unique layout design that fits the brand color and tone.
Ideation: Low-Fidelity Wireframe (Sketching)
Mid-Fidelity Wireframe
High-Fidelity Wireframe/Web Development
Summary of work done...
- Product Management
- Landing Page/Funnel Design & Content Design
- Implemented UX/UI best practices while creating the website layout and style
- UX Microcopy Writing
- Landing Page Development
Project
Website
Technologies:
- Figma
- HTML
- CSS
- Elementor
- WordPress
- cPanel
Zularich Investment is a real estate company.
Problem:
Little or no content available to create a website that would be used for marketing (running online marketing campaigns) to generate leads (prospective buyers) for a new landed property that would be launched for sale.
How I solved the problem:
Within a short period of time I came up with a clean simple User Interface (UI) layout with minimal content (website media files and contents) to showcase this brand credibility and it’s real estate products.
The brand has gone ahead to use this website to run several online marketing campaigns.
Ideation: Low-Fidelity Wireframe (Sketching)
Mid-Fidelity Wireframe
High-Fidelity Wireframe/Web Development
Summary of work done...
- Product Management
- Website Design & Content Design
- Implemented UX/UI best practices while creating the website layout and style
- UX Microcopy Writing
- Website Development
- On-Page SEO
- Google My Business listing
Project
Website
Technologies:
- Figma
- HTML
- CSS
- Elementor
- WordPress
- cPanel
Eystone Development is a real estate company.
Problem:
The need for a Web Progressive App (PWA) became something this brand needed to look into, due to the fact that realtors were joining the sales & marketing force of this brand daily, as a result of the benefit that they stand to get with the brand.
For them to join the sales & marketing force, they will need to perform some operations such as “registration & verification” online through the brand official website.
The fact that registration and verification can be done online will make life easier for the realtors, and this will also encouraged more realtors to join the platform.
From research and analysis defined, this will be a huge win for the company, so this company concluded on making life more easier for their realtors by making the existing website a web progressive app since the brand profitability and exposure also depends on the activity, effort and satisfaction of their affiliates (realtors).
How I solved the problem:
First, I designed the website and during the design process, user experience (UX), user experience writing (UXW) was something I paid much attention to, since there was a good user experience (UX) and user interface (UI) in place, and the website was already developed, it made the work easy for me to convert the website into a web progressive app within a short period of time, without disrupting any of the activities that realtors were performing on the website.
Now realtors are able to install the website on their phones like a mobile App, click on an icon on their mobile devices, a splash screen comes up and then the website opens up as an app even without an internet connection. This has increased the brand sales.
With the implementation of the Web Progressive App (WPA) and an amazing marketing team in place, this brand has won seven (7) Real Estate Awards, one of the awards stating “Most Innovative Real Estate Company”.
Ideation: Low-Fidelity Wireframe (Sketching)
Mid-Fidelity Wireframe
High-Fidelity Wireframe/Web Development
Summary of work done...
- Product Management
- Website Design & Content Design
- Implemented UI/UX best practices while creating the website layout and style
- UX Microcopy Writing
- Website Development
- On-Page SEO
- Web Progressive App (PWA)
- Created SPF Record for Email Deliverability
- Created DKIM Record for Email Deliverability
Project
Website
Technologies:
- Figma
- HTML
- CSS
- Elementor
- WordPress
- cPanel
High-Fidelity Wireframe/Web Development
Summary of work done...
- Product Management
- Website Design & Content Design
- Implemented UI/UX best practices while creating the website layout and style
- UX Microcopy Writing
- Website Development
- On-Page SEO
Project
Website
Technologies:
- Figma
- HTML
- CSS
- Elementor
- WordPress
- cPanel
High-Fidelity Wireframe/Web Development
Summary of work done...
- Product Management
- Website Design & Content Design
- Implemented UI/UX best practices while creating the website layout and style
- UX Microcopy Writing
- Website Development
- On-Page SEO