Category: Projects

The Challenge

In recent years, there has been a substantial increase in the popularity of online shopping. Madame Dope, a premier provider of fashion accessories for women in the US, was established in 2018 and has achieved significant growth. The company approached plecco.net to develop an online presence and expand its reach by creating an e-commerce platform.

Project Objectives

Tech Stack Used

WordPress Content Management System

How We Built  Madame Dope E-Commerce Site

Since its launch, madamedope.com has established itself as a thriving e-commerce platform, attracting a steady stream of orders daily. Throughout its growth, the store has expanded its offerings to include a diverse array of over 100 items. PLECCO played a vital role in the inception of madamedope.com, providing the original website launch. The site has since undergone modifications by another web design agency.

PowerTribe was founded as a mentorship program for women of color in the corporate world to address the issue of the lack of black female representation in senior leadership positions within corporate America. The founder approached us to create a web-based platform that would provide a supportive community for black women seeking to grow and advance professionally while fostering personal growth and financial stability.

The client’s objective was to establish a digital platform that would facilitate connections between women of color across the United States and offer various membership options, including different levels of access and an events calendar page. Additionally, the client sought to create a space where women and mentors could connect and interact.

Product Description

The Power Tribe website is a membership-based platform with two tiers. Members can register as mentors or mentees with varying benefits and patent structures. The registration format allows the site to collect relevant information on its members, which is then stored securely. Members can create accounts where they will get notifications about upcoming events planned by Power Tribe. The site also serves as a platform for women of color in corporate America to share their experiences through the blog.

Technologies Used

The website is fully developed on WordPress CMS with responsive layouts, so it looks great on all devices. Additionally, we integrated WooCommerce plugins to set up the membership functionality.

How we built the Power Tribe Website

The first stage in creating the website was creating a brand for Power Tribe. We held several meetings with our clients to understand their inspiration behind creating this community. Our design team came up with several brand colors and a logo, with the client approving one.

The next step was developing the website. We used WordPress to build the site, which allowed us to create a custom theme for our client’s needs. The software also allowed us to seamlessly integrate many different parts of the site to create a robust platform that could handle all of these features in an easy-to-use way. It is also simple enough for users with zero tech skills to manage.

The client wanted to create a tiered membership system with different price points and access levels that would allow their users to sign up as community members or advisors. To make this possible, we needed to develop an intuitive way for users to manage their subscriptions. We set up this functionality with WooCommerce, which allowed us to create membership levels and access rules.

Using an event calendar page would be a great way to manage memberships. It also provided an opportunity for users who were yet to be members but were interested in becoming one later on down the line to see what was coming up without signing up or paying any upfront. This would help boost community numbers.

We designed the event calendar page to make it easy for members and non-members alike to find out what events are happening on any given day. The design is clean and minimalist and is a straightforward functionality for members to plan their involvement in community events. Only users with admin access can alter this page.

Next up was the ‘Who We Are’ page. Finally, we created a page that captures the essence of what the Power Tribe Community is all about. We knew that this part of the website would be a central component for our customers, so we took extra care to ensure everything was right. We started with research on similar websites and noted what made them so appealing. We then used this information as inspiration while creating a unique ‘About’ page.

Finally, our dev team developed the Power Tribe blog page. This was the cornerstone of the entire project, as our clients wanted to share their experiences and those of other women of color.

Using an API, our tech team integrated the site with stripe, simplifying the membership payment process. The client can now receive funds automatically via credit cards and other digital formats while focusing on unleashing the potential of women of color.

Results

Our client has gone on to register dozens of members from the website. Since 2020, they have also organized several meetups across the states. In addition, the site has enabled them to have an online presence and made inroads on social media using the site-social media linkage.

 

LifeTagger is a proximity platform app that serves different sectors of business with customized solutions. They pride themselves on offering business solutions that streamline the delivery of the right experiences to your guests and clients. It helps you engage with customers, employees and guests better by hyper-localizing engagement.

Our client wanted a tech team that would build them a website and iOS and Android applications for LifeTaggger.

Tech Stack

Platform – custom, Mobile (Android, iOS)

Worked with Javascript, React, Redux, and Swift

 

How we built LifeTagger

LifeTagger had a few specific goals: they wanted to have a more mobile-friendly site, and they wanted it to be easy for their customers to find the information they were looking for quickly. They also wanted us to ensure their content was as accessible as possible and that loading on any device didn’t take too long.

We started by researching what kinds of websites our client’s competitors use. Based on this research, we created a paper wireframe of the user experience and then developed it into a mockup. Then we worked with the client to create an overall design direction for their site. For this, we used colors and fonts from their current branding, which helped us choose which elements needed to be included in each section of the site. We also ensured that all of our code was structured so that it would be easy for anyone on our team to work on this project in the future.

When we started developing this website, we knew it needed to be simple and easy. We wanted to ensure it could work on all devices, no matter what screen size or operating system the user was using. We also wanted to ensure that it worked for people with disabilities and those who are visually impaired.

We built the site using JavaScript, which allows us to easily add new features as they become available. It also keeps our code clean and readable while ensuring no bloat. We don’t want our codebase to get so big that it slows down LifeTagger.Using technology like JavaScript allows us to create flexible sites for any device or operating system.

One of the critical things we did in this project was to ensure we had the right tools for the job. For example, we used JavaScript to build the entire site, which made it easy to navigate.

We also wanted to make sure that our client would be happy with how their new website turned out, so we ensured that they had access to all of their content throughout the design process and could make any changes they needed as soon as possible.

We used React to build the front end of the LifeTagger site. The main reason we chose React was that we wanted to make use of its quick rendering times. React also allowed us to maintain our codebase better by separating the front and backend. This meant we could change one area without affecting the other, which helped us avoid any potential conflicts or bugs. It also provides a componentized design that breaks up your UI into smaller pieces called components, which are reusable and easy to maintain over time.

Android App Development Stage

When our developers at plecco.com began working on an Android app that different commerce sectors would use to improve service delivery, we knew it would be a challenge. We had to ensure that we could provide the functionality and ease of use that everyone expects from their devices, but also keep in mind that this software was going to be used in hotels, and events and that meant it couldn’t have any bugs or security vulnerabilities.

But with our knowledge of Java and Redux, we were able to make sure that our app could handle all of those demands. We started by building an application on Android Studio, which allowed us to create a user interface designed specifically for mobile devices while retaining all the functionality users would expect from an application like this one.

We used Redux as an architectural pattern for managing all state changes within our application. Redux helps us keep track of all information related to the application state and allows us to modify it as needed quickly. Redux is a predictable state container for JavaScript apps. We used it as we wanted the Life Tagger app to behave consistently and run in different environments.

iOS App Development Stage

When we set out to build the LifeTagger iOS application for our client, we knew we had to make it unique. Our client’s goal was to create a proximity app that the hospitality business, cities, and event managers could get people to use. They wanted something easy to use but also had a sleek design and was full of useful functionalities such as notifications, geotagging, etc.

Since the client was happy with the initial design of the android version of the app, we skipped the mockup phase and moved straight to the development.

We then worked with our designers and developers to develop a functional prototype using Swift. This prototype allowed us to test different ideas and ensure everything ran smoothly before moving into full production mode.

Once we were happy with how everything worked in the prototype stage, we began working on developing the actual app itself. This involved creating an icon for the app and designing its user interface to match our original mockup. Then we moved into development mode, where our developers built out all of the functionality needed for users to use the app without any issues.

Finally, we tested both apps and ensured they performed to the client’s satisfaction.

Things to Note

• We worked with our client to build a dashboard for users. We had to look at their challenges and how they needed to manage their accounts and get real-time alerts based on their location. The result was a dashboard that allowed them to manage their account, send alerts based on specific areas, and monitor metrics from various sources. The dashboard also provides a great user experience that makes it easy for merchants to see what’s happening in real-time.
• We worked closely with our client to develop library features so merchants could access their real-time data.
• We also provided two full-time developers versed in Java, Swift, and React to our client to allow them constantly improve LifeTagger and create custom-made solutions for their partners.

Results

Since launching on the play store and Apple Store, LifeTagger has become the premier proximity app. The app also has a perfect 5-star rating on the play store.

We have progressively made the app a better place for users with the latest update allowing you to receive LifeTags from Bluetooth beacons. This is perfect for events.

The firm has received recognition from Google for Startups, Conscious Venture Lab, SCRA and Chairman Partners.

 

 

 

ISACA is a non-profit organization dedicated to advancing and promoting the profession of information security management through education, professional certification, and community outreach. They work with industry leaders, government agencies, and educational institutions to provide the resources needed to succeed in this exciting field. They approached plecco.net to provide technical support for the organization and build an online platform.

Tech Stack

Platform – Custom made

Python

React

Rails

How we built ISACA.org

Our team at plecco.net is passionate about helping business owners create custom websites uniquely tailored to their needs. The following case study will outline how we approached the development of a new website for ISACA, a professional organization that provides a networking and learning platform for IT players.

We started by working with our client to understand what they wanted to achieve with their website. We then created a list of priorities for the new site, which included the following:

• A simple design that would be easy for clients to navigate on their own
• A mobile-friendly interface
• A simple way for clients to create accounts and log in securely
• An efficient way for clients to learn online
• An online resource for professionals and students in the cybersecurity field

From there, we created a wireframe prototype using Ruby and React to test out different layouts and designs before committing any resources to actual development work. We aimed to ensure all these features were possible within the framework before moving forward with actual coding. After the client approved the prototype, we proceeded to develop the site.

Our goal was to create a platform that would allow us to quickly update the site as new content is added without needing a dev team. We also wanted it to be easy for our client to access important information independently. We wanted to make the site simple and easy to navigate, emphasizing information delivery to ISACA members. We also wanted to ensure it would work well across all major devices and browsers, including mobile phones, tablets, and desktop computers.

The website we developed is multifunctional. We’ve created a custom membership tier system for Isaca.org that allows the company to create a tiered pricing structure based on the membership’s value. You can sign up as a professional, a recent graduate, or a student. These tiers come with varying functionalities.

The system also allows for online training, which is accessible by all members at any time. From the backend, our client can create classes and courses for members and provide them with immediate access to their new course materials. They can also monitor which tutorials are popular among their users and focus on relevant fields.

We have also developed a credentialling resources system that allows our clients to easily track their progress in completing courses. We can also use this as another way to track member activity.

Finally, we created an events calendar so our clients can see all upcoming events and register directly through our website. This makes it easier for them to keep up-to-date with what’s going on in their industry.

To enable our client to scale their services quickly and efficiently as they grow, we set up AWS Lambda functions using python. as part of their serverless architecture. Using Python and the AWS Serverless Application Model, we were able to build a simple API service with some pre-built libraries that would allow them to serve their users without worrying about data storage.

Results

ISACA has gone on to become a home for over 165,000 professionals in the cybersecurity field. They’re present in 188 countries, with the most common point of reference being the website built by plecco.net. This site receives over three million visits annually and ranks among the top 25,000 websites globally.