Portfolio

Your Vision Brought to Life.

Every Design Has a Story.

Explore

CloudFirst Leads4All

Website Build & Mobile App Concept Animation

View Live Site

Client Name

CloudFirst Solutions

Timeline

3 weeks

Objective

Design a website around the brand's new lead generation subsidiary, CloudFirst Leads4All, which will provide a platform for users to learn more about their services and interact with their lead data. Build a brand based off of the parent company that borrows predefined elements but gives them a fresh, fluid look. Create a mobile interface that feeds CloudFirst Solutions’ lead data into a user-friendly and feature-rich format. The app must include four pages: Analytics Dashboard, Lead Map, Contact Profile, and Quick Replies (Templates).

CloudFirst Leads4All

Problem

CloudFirst Solutions, Expanding Cloud Possibilities with SAP

CloudFirst Solutions, an SAP partner that provides Enterprise Resource Planning (ERP) software for small to mid-sized companies, recently acquired a new lead-generation partner called Simply Linked. CloudFirst needed both a website and a mobile application to feed their CSV lead data into an accessible format for its users under its subsidiary, CloudFirst Leads4All. The mobile app needed to provide quick access to key analytics and lead lists with contact information and a quick reply feature with templates for mobile-friendly messaging. 

Logo Attempt 3Logo Attempt 2Logo Attempt 1
Pressler Talent Show Flyer DesignStudio Bliss Work Page ScreenshotTestimonials ScreenshotHome Page Mobile ScreenshotHome Page - UnfilteredContact Page - CloudFirst Leads4All
Deborah Lynn Styling Home Page Screenshot
Hair Styling Business Card for Women - FrontHair Styling Business Card for Women - BackHair Styling Business Card for Men - FrontHair Styling Business Card for Men - BackGender Neutral Business Card Illustration
Collaborate Screenshot - UnfilteredSign Up Form - Mobile Screenshot

Approach

CloudFirst Leads4All UI Motion Prototype User FlowForm Submission - MobileSucculent-Inspired Woman Design for Business CardsSPARK Experience LogoThe Engineer - Character Concept Art

Accessible Sign-Up

User Flow Mapping

Gender

Motion Prototype App StoryboardSucculent-Inspired Male Design for Business CardsThe Joyful Empty Nester LogoSnake Bot - Character Concept ArtTalent Show Judges

Storyboarding

Inclusive

Resident Judge Spotlight

Rough Mockup of CloudFirst Leads4All AppSucculent-Inspired Gender Neutral Design for Business CardsSpread the Joy Challenge LogoJunkyard Troll - Character Concept ArtTalent Show Site Loader Animation

Rough Mockups

Design

Fun Impact

Character Concept Art from Vindicator: Cosmic Order

Usability is the uncontested priority for this project.

No matter how many cool graphics and effects are used, the data provided to users must be accessible and easy to use. This will require using font sizes no smaller than 1em, providing at least 15px of padding for clickable items, and using strong contrast with legible fonts.

Client Message & Tone

CloudFirst Solutions provides SAP expertise across a number of vertical sectors and is a market leader in Cloud ERP Solutions: SAP Rapid Deployment Solutions for SAP Business One, SAP Business ByDesign, and SAP Analytics Cloud.

CFS’ dedicated team of six works in partnership with small to mid-sized companies in all industries to ensure they optimize their software investment, operate profitably, and adapt continuously to achieve their purpose. From designing an industry-specific and scalable cloud solution, to deployment, education, and support, CloudFirst gives its customers the trust and understanding they need to transition into the digital age.

Audience

The Brand appeals to small to mid-sized companies who are ready for next-level growth, particularly in the following industries: Nonprofits & Churches, Wholesale Distribution, Retail, Manufacturing, Professional Services, and Cannabis.

Gender: Male/Female

Age: 40-55

Profession/Industry: nonprofits, wholesale distribution, manufacturing, retail, cannabis, professional services

Personality: Go-Getter | Competitive | Visionary | Adaptable

Competitors

Our top three competitors are NetSuite, Oracle, and Workday. QuickBooks is a sub-level competitor, meaning we have a significant focus on “rescuing” prospects from the alarming holes in functionality they are used to with QuickBooks.

NetSuite offers a cheaper product but often lies to prospects about what they’re getting. Oracle is an ERP giant but offers too much functionality in a clunky, hard-to-use interface. Workday has the most attractive interface but is limited to HR-related tools. SAP, however, is the “grandfather of ERP” and is used by 200,000 businesses across more than 150 countries. With the integration of countless partners providing various add-ons, SAP provides much more than just software. CloudFirst holds an advantage in their ability to integrate with Shopify, ShipStation, Liberali, and now Simply Linked, to provide many facets of added functionality and tools to help businesses scale.

Responsive Website Planning

Solution

Launching a dynamic, functional website with an app to match.

The app consists of four pages: Analytics Dashboard, Lead Map, Contact Profile, and Quick Replies. The design of the website and app echo each other as an extension of their parent company by adding a vibrant splash of purple to CloudFirst Solutions’ dark red color scheme, then incorporating lots of waves and fluid lines. Both products were not only built with each other in mind, but also with an emphasis on quality user experience. 

No items found.
CloudFirst Leads4All Hero BannerDeborah Lynn Styling Multi-Page Grid

Motion Graphics Highlight Reel

Highlight reel with animated "glitch" style bumper, cuts and transitions, time warping, descriptive lower thirds & plug overlays.

Pressler Talent Show Livestream

Once the show was broadcasted live, post-production was applied in After Effects. This included an animated "glitch" style bumper, cuts and transitions, time warping, descriptive lower thirds, plug overlays, and audio adjustments.

Result

Making waves in the SAP partner pool.

By expanding from their original goal of implementing ERP software into offering a lead generation service with user-friendly interfaces, CloudFirst Solutions is making SAP partner history. None of our competitors are offering that kind of functionality with streamlined CMS/ERP integration, let alone investing in well-designed multi-device interfaces.

Accelerate Sales with CloudFirst Leads4All Contacts & Multi-Touch Campaigns

Users can navigate through the website to discover a variety of membership packages, learn about the lead generation process, uncover key features & benefits, and log into their membership portal to access their leads. While on the go, they can quickly view high-opportunity regions, find new leads, browse their automatically-generated profiles, and even send them a quick templated response to start the conversation!

CloudFirst Leads4All LogoLife is Short - Watercolor BlurbUnfiltered Blue LogoSucculent-Inspired Female Design for Business CardsStudio Bliss Stacked LogoView on Github