Skip to content

Commit

Permalink
Merge branch 'sub-sitios_4-3' into staging
Browse files Browse the repository at this point in the history
  • Loading branch information
xxiicode committed Jan 15, 2024
2 parents acead21 + 8f489f1 commit b89ce1d
Show file tree
Hide file tree
Showing 53 changed files with 923 additions and 543 deletions.
Binary file modified .DS_Store
Binary file not shown.
47 changes: 38 additions & 9 deletions app/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -109,14 +109,6 @@ section.sub-brand {
margin-bottom: 2rem;
}

section.sub-brand img {
max-height: 50px;
}

section.sub-brand p {
padding-top: 12px;
}

hr {
margin: 45px auto;
}
Expand Down Expand Up @@ -208,6 +200,44 @@ section#cover p {
.polyqwerty a span { background:#ecf0f3 url(../imgs/sub-brands/poly-qwerty-logo.svg) no-repeat left top;}
.polykit a span { background:#ecf0f3 url(../imgs/sub-brands/polykit-logo.svg) no-repeat left top;}

/* grid for sub-brands */
.sub-brand {
display: grid;
grid-template-areas:
'logos'
'screens'
'texts'
'links';
gap: 1rem;
}

.sub-brand p {
margin-bottom: unset;
padding-top: unset;
}
@media (min-width: 768px) {
.sub-brands-container {
padding-inline: 20px;
}
.sub-brand {
grid-template-areas:
'logos logos'
'screens texts'
'screens links';
}
.sub-brand .screen {
margin-top: unset;
aspect-ratio: 4/3;
width: 100%;
max-width: 210px;
}
}

.--sub-brand { grid-area: logos;}
.sub-brand p { grid-area: texts;}
.sub-brand .links { grid-area: links;}
.sub-brand .screen { grid-area: screens;}
/* end grid for sub-brands */

/* issue to talk, this is not mobile first polykit*/
section#cover {
Expand All @@ -217,7 +247,6 @@ h2.title-2 {
margin-top: 0;
padding-top: 0;
}

.current-page {
opacity: 0.4;
}
Expand Down
73 changes: 71 additions & 2 deletions app/sub-styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,15 @@
justify-content:center;
gap: 1rem;
padding: 1rem;
background-color: burlywood;
background-color: #1d272c;;
}

.hello-nav a {
color: #ffffffc8;
}

.hello-nav a:hover {
color: #ffffff;
}

body {
Expand All @@ -30,4 +38,65 @@

a.current-page:hover::before {
content: none;
}
}

body nav {
background: none;
}

th, td, th p, td p {
font-size: 1rem;
font-family: Anonymous, monospace;
}

th {
font-weight: 900;
}

table.buyer-persona th {
text-align: left;
}

table.buyer-persona td, table.buyer-persona th {
padding: 8px;
border-top: 1px solid #1d272c1a;
}

table.buyer-persona tr:hover {
background-color: #1d272c1a;
}

table.buyer-persona tr:hover td, table.buyer-persona tr:hover th, table.buyer-persona tr:hover td p {
color: black;
}

div.preview {
padding:24px;
background: #1d272c0b;
text-align: center;
}

div.color-swatch {
width: 140px;
height: 140px;
border-radius: 6px;
text-transform: uppercase;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

div.color-swatch-wrapper {
font-family: Anonymous, monospace;
display: flex;
flex-direction: row;
gap: 12px;
}

div.swatch-container {
display: flex;
flex-direction: row;
gap: 24px;
flex-wrap: wrap;
}
Binary file modified brand/.DS_Store
Binary file not shown.
46 changes: 25 additions & 21 deletions brand/content/brand-strategy.php
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
<section id="brand-strategy">
<h2 class="heading-1">3. Brand Strategy</h2>
<h3 class="heading-2">3.1. Voice</h3>
<p>The content expressed by our brand must be informative and engaging, proactive in the design community.</p>
<h3 class="heading-2">3.2. Tone</h3>
<h3 class="heading-2">3.3. Keywords</h3>
<section>
<h2 id="brand-strategy" class="heading-1">3. Brand Strategy</h2>
<h3 id="keywords" class="heading-2">3.1. Keywords</h3>
<ul class="hanging-list arrow-bullet">
<li>Radical</li>
<li>Creative</li>
Expand All @@ -14,28 +11,35 @@
<li>Distinctive</li>
<li>Business-oriented</li>
</ul>
<h3 class="heading-2">3.4. Creative Concept</h3>
<h4 class="heading-3">Where business & creativity come together</h4>
<h3 id="creative-concept" class="heading-2">3.2. Creative Concept</h3>
<div class="preview">
<h4 class="heading-3 align-center" style="max-width:500px;margin:0 auto;padding-top:0;">Where business & creativity come together</h4>
</div>
<p>Similar to the Keywords, but more expressive and distinctive, the Creative Concept is a word or phrase that represents the desired emotional response from the target public when interacting with the Brand.</p>
<p>Unlike a Slogan, a Creative Concept is not necessarily developed for public use, although it can be used publicly. Its primary purpose is to be used internally as a mantra to guide the creative process when sketching a Logo, copywriting a slogan, designing an ad, or when developing any other type of Brand Communication. This ensures that all elements of the Brand will convey a consistent message.</p>
<h3 class="heading-2">3.5. Moodboard</h3>
<h3 id="moodboard" class="heading-2">3.3. Moodboard</h3>
<img src="imgs/moodboard.png" alt="Moodboard" height="auto" width="100%">
<p>The Moodboard contains a collection of images the can be associated with the industry and the lifestyle of the target audience. It helps identify different colours and shapes with the aim of narrowing down a certain direction for the look-and-feel of the brand.</p>
<h3 class="heading-2">3.6. Naming</h3>
<h4 class="heading-3">3.6.1. Etymology</h4>
<p>"Polyfen" comes from an abstraction of the termPolyphenic trait. A polyphenic trait is a genetic property that allows multiple observable variations on organisms of a single species.</p>
<h3 id="naming" class="heading-2">3.4. Naming</h3>
<h4 id="etymology" class="heading-3">Etymology</h4>
<p>"Polyfen" is an abstraction of the termPolyphenic trait. A polyphenic trait is a genetic property that allows multiple observable variations on organisms of a single species.</p>
<img src="imgs/shell-patterns.jpeg" alt="">
<p>The different morphology and color patterns on the shells of mollusks, for instance, are a polyphenic trait.</p>
<h4 class="heading-3">3.6.2. Name Architecture</h4>
<p><strong>Primary Brand Name:</strong><br/>
<h4 id="name-architecture" class="heading-3">Name Architecture</h4>
<p><strong>Legal Name:</strong><br>
The Polyfen Group LLC<br/>
Preferred name for use on all official business documentation.</p>
<p><strong>Brand Name:</strong><br/>
Polyfen<br/>
Preferred name alternative.</p>
<p><strong>Fallback Brand Name:</strong><br>
Polyfen Group<br/>
<p><strong>Fallback Name:</strong><br>
we are Polyfen<br/>
Fallback alternative for brand touchpoints where the primary brand name is not available.</p>
<p><strong>Corporate Name:</strong><br>
The Polyfen Group LLC<br/>
Preferred name for use on all official business documentation.</p>
<p><strong>Diminutive Name:</strong><br/>
TPG / Poly<br/>
Casual diminutive alternative for internal reference within the team.</p>
<h3 class="heading-2">3.7. Brand Architecture</h3>
This is how the team sometimes refers to the brand name internally.</p>
<h3 id="brand-architecture" class="heading-2">3.5. Brand Architecture</h3>
<img src="imgs/brand-architecture.png" alt="Brand Architecture" height="auto" width="100%">
<h3 id="voice" class="heading-2">3.6. Voice</h3>
<p>The content expressed by our brand must be informative and engaging, proactive in the design and development community with free and fully-accessible educational content in tutorials and open-source software.</p>
</section>
2 changes: 2 additions & 0 deletions brand/content/download-assets.php
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
<section id="download-assets">
<h2 class="heading-1">1. Download Assets</h2>
<img src="imgs/assets-map.png" alt="Assets Map">
<p><a href="https://drive.google.com/drive/folders/1hEl8370cqLWeeUEWjiC05Api3KhNaxgS?usp=sharing" target="_blank">Google Drive Folder</a></p>
</section>
143 changes: 134 additions & 9 deletions brand/content/market-research.php
Original file line number Diff line number Diff line change
@@ -1,11 +1,136 @@
<section id="market-research">
<h2 id="why" class="heading-1">2. Market Research</h2>
<h3 class="heading-2">2.1. Business Analysis</h3>
<h4 class="heading-3">2.1.1. Overview</h4>
<p>We're a full-service creative and development agency. We help businesses reach their customers with data-driven research and strategic storytelling.</p>
<h4 class="heading-3">2.1.2. Business Model</h4>
<h4 class="heading-3">2.1.3. Services</h4>
<h4 class="heading-3">2.1.4. Positioning</h4>
<h3 class="heading-2">2.2. Industry Analysis</h3>
<h3 class="heading-2">2.3. Target Analysis</h3>
<h2 id="market-research" class="heading-1">2. Market Research</h2>
<h3 id="business-analysis" class="heading-2">2.1. Business Analysis</h3>
<h4 id="overview" class="heading-3">Overview</h4>
<p>The Polyfen Group LLC is a small company parent of multiple brands related to software development and the creative industry.</p>
<p>Our main brand is "Polyfen", a creative and development agency helping businesses reach their customers with data-driven research and strategic storytelling.</p>
<h4 id="business-model" class="heading-3">Business Model</h4>
<img src="imgs/polyfen-product-canvas.png" alt="Polyfen Product Canvas">
<h3 id="industry-analysis" class="heading-2">2.2. Industry Analysis</h3>
<h3 id="target-analysis" class="heading-2">2.3. Target Analysis</h3>
<table class="buyer-persona" id="end-to-end-project">
<tr style="background:#1d272c1a;">
<th colspan="2" class="uppercase">Buyer Persona No.1<br>End-to-End Project</th>
</tr>
<tr>
<th>Pseudonym</th>
<td>Founder Frank</td>
</tr>
<tr>
<th>Occupation</th>
<td>Founder & CEO at Business Management Consultancy</td>
</tr>
<tr>
<th>Location</th>
<td>San Francisco, California</td>
</tr>
<tr>
<th>Company Size</th>
<td>8 employees</td>
</tr>
<tr>
<th>Brands they follow</th>
<td><p>Forbes, Bloomberg, Business Insider, Inc., Ted Talks, Ideo, Deloitte, Accenture, The Wall Street Journal, The Economist, Harvard Business Review, Entrepreneur.</p></td>
</tr>
<tr>
<th>Bio</th>
<td><p>Frank has an Ivy League education on business, and he counts with 15+ years of experience in business. He was leading a business development team at Accenture, working on projects for Nike until, during the uncertain time of the Covid pandemic, he decided to make use of his gathered professional experience to start a venture of his own. He bootstraped his initial efforts investing money from his own pocket into his business project. He came up with a name for his company himself, he registered the webdomain of the company himself, he posted a job on Upwork to get a quick logo done by a cheap designer, and he created his business' website himself on Wix. He reached out to a few close, like-minded, experienced colleagues with whom he has worked previously on other business and offered them to be a part of the team he's leading. After a couple of months of launching his business, he closed a long-term contract for continuous consulting services for a large corporation. This allowed him to expand his team hiring an executive assistant and formalize other aspects of his business like bookkeeping so he doesn't have to take care of everything completely by himself. Now that the business has some dough and a couple of regular clients he wants to scale his operation to take in new, bigger clients to really make a difference in the income the consulting firm generates. However, as a savvy business person, he realizes that the quick logo that he got done for cheap and the Wix website he created himself do not express the level of professionalism he's hoping to communicate to potential clients.</p></td>
</tr>
<tr>
<th>Problem</th>
<td><p>He is the Founder & CEO of an emerging company in the Business Consulting sector but their Brand Identity doesn’t reflect the high quality of their services.</p></td>
</tr>
<tr>
<th>Solution</th>
<td><p>(End-to-End Project contract) Finding a reliable team of experts who can translate his vision for the business into a compelling brand identity and a website with user experience that delivers a good, professional, trustworthy impression to prospects and interests them in becoming paying clients.</p></td>
</tr>
<tr>
<th>How will they measure success?</th>
<td><p>Having an increase in the number of meetings scheduled with leads every month.</p></td>
</tr>
</table>
<hr class="second-separator">
<table class="buyer-persona" id="executive-consulting">
<tr style="background:#1d272c1a;">
<th colspan="2" class="uppercase">Buyer Persona No.2<br>Executive Consulting</th>
</tr>
<tr>
<th>Pseudonym</th>
<td>Corporate Catherine</td>
</tr>
<tr>
<th>Occupation</th>
<td>CMO at Fintech App</td>
</tr>
<tr>
<th>Location</th>
<td>Houston, Texas</td>
</tr>
<tr>
<th>Company Size</th>
<td>65 employees</td>
</tr>
<tr>
<th>Brands they follow</th>
<td><p>#</p></td>
</tr>
<tr>
<th>Bio</th>
<td><p>Catherine has a background in marketing with a strong focus on closing new clients and upselling existing ones through social media, PR, and email marketing campaigns. In previous jobs, she helped startups get out the door and make the most use of their funding to establish themselves in the market and fulfill their expected ROI. Three years ago, the head of HR of a young fintech startup reached out to her, offering the role of CMO. Since then, she succesfully put new marketing strategies into action that showed significantly positive ROI results with an exponential increase in registrations of new users. However, most of the in-house staff at the company are heavily oriented in developing new features for the product, and she realizes that the visual identity of the brand has suffered from neglect at the hand of a creative team that is strong in UX, but not in branding and visual design. The logo of the app is OK, but it's not great. The UI has inconsistencies in the use of color and typography, and the set of illustrations they use looks too generic. With the number of sign-ups and retention recently stalling, she proposed to the C-level to refresh their brand with a more eye-pleasing visual identity to make the app more attractive over its competitors and show a more promising value for its price. However, her team is not particularly strong in branding; plus, they could use a fresh set of eyes.</p></td>
</tr>
<tr>
<th>Problem</th>
<td><p>#</p></td>
</tr>
<tr>
<th>Solution</th>
<td><p>(Executive Consulting contract)</p></td>
</tr>
<tr>
<th>How will they measure success?</th>
<td><p>Increase in the number of monthly sign-ups and lower churn rate.</p></td>
</tr>
</table>
<hr class="second-separator">
<table class="buyer-persona" id="staff-augmentation">
<tr style="background:#1d272c1a;">
<th colspan="2" class="uppercase">Buyer Persona No.3<br>Staff Augmentation</th>
</tr>
<tr>
<th>Pseudonym</th>
<td>Director Dave</td>
</tr>
<tr>
<th>Occupation</th>
<td>Managing Director at Marketing Agency</td>
</tr>
<tr>
<th>Location</th>
<td>Miami, Florida</td>
</tr>
<tr>
<th>Company Size</th>
<td>24 employees</td>
</tr>
<tr>
<th>Brands they follow</th>
<td><p>#</p></td>
</tr>
<tr>
<th>Bio</th>
<td><p>Dave is a self-made man. He didn't went to a top college, but he still committed himself fully to his professional career burning the midnight oil to get new clients for a marketing agency where he had a junior sales rep role. He climbed up the corporate ladder being head-hunted for better and better positions. He developed wonderful relationships with loyal clients and made himself a name in the industry. One year ago, the founder and CEO of new marketing agency he used to work with as a client offered him a steady position at the company being his right-hand man in keeping the revenue growing.</p></td>
</tr>
<tr>
<th>Problem</th>
<td><p>The inhouse team already has a heavy workload and the C-level wants to keep growing the revenue with new clients but they don't want to hire a bunch of new employees and have to deal with the management and budgeting risks that come with scaling the business.</p></td>
</tr>
<tr>
<th>Solution</th>
<td><p>(Staff Augmentation contract)</p></td>
</tr>
<tr>
<th>How will they measure success?</th>
<td><p>Customers commenting to accounts executives that they are very satisfied with their results and want to continue working with the Marketing Agency.</p></td>
</tr>
</table>
</section>
Loading

0 comments on commit b89ce1d

Please sign in to comment.