Brand Playbook Web App -- 2

Encerrado Postado há 3 meses Pago na entrega
Encerrado Pago na entrega

Design System, Brand Kit, & Brand Guidelines AIO

Placeholder and incomplete bids will be rejected on-face without additional communication! Please use the clarification board if there is a gap blocking a real bid proposal. Ideally your bid proposal can be immediately awarded without further negotiation. Please read the following proposal requirements as well as the complete project requirements before bidding. These strict requirements seem unfortunate, but after receiving tons of seeming automatic and fake bids, this will help focus efforts on only the legitimate bid proposals.

*Proposal Requirements*

This project is small enough there will be only one payment and it will be made immediately upon verification of project completion and specification. The proposal accepts a 5% total bid penalty for each day the project is late to help incentive priority and a timeline that can be counted upon. This requirement may not be compatible with freelancers who have not done similar projects before.

Along with the fixed price and time, bid proposals need to have:

- A github or gitlab link to a similar static site generation project you have done using Gatsby, Astro, NextJS, Remix, or Fresh. Alternatively, if you are taking on this project to learn Astro and SSG, please provide a URL to a git MR/PR that shows off your development skills (preferably a web app using FP style Typescript) and to a design project in Figma or Penpot.

- A list of the “Optional Functionally” items with each marked as included in the proposals pierce, included for additional time and price, or not included at all. Included items need to be accomplished by a description of how it will be implemented.

Project delivery will be a git repo of the software with a [login to view URL] that describes how to configure, build, test, and publish the web app as well as the CICD tasks and flows if the CICD option is implemented.

*Project Summary*

A whitelabel Astro documentation web app tailored for the specific Brand Playbook purpose of a design system, brand kit, and brand guidelines all-in-one with git-style asset management, git powered CMS, and tight Storybook integration.

The quality and end user experience should meet or exceed that found in the Project Inspiration References (PIR).

*Project Inspiration References*

[login to view URL]

[login to view URL]

*Required Functionality*

Elegantly presents and facilitates collaboration on the Design System, Brand Kit, and Brand Guidelines that is on par with the PIR.

Brand components include all of those found at PIR. Brand components include elements such as values, logo variation, imagery style. Not every instance of the Brand Playbook will include every component.

Just as UI components are tokenized, the Brand components should be tokenized. UI competent tokens are defined by the UI component library used in the Playbook and do not need to be separately defined. The context of the brand component tokenization is three fold:

- Implementers should be able to have a fully functional web app by just configuring the brand tokens and theme tokens - not unlike creating a Material Design theme.

- It is expected that we will need machine readable markup and schema for integration into future projects.

- UI Component libraries that use tokens are more robust and easier to adopt and we expect the same advantages for Brand components. A UI example can be viewed at [login to view URL] and [login to view URL]

Playbook content entries are made in MDX and MD, with decap CMS integration.

Seamlessly embed a composed Storybook into the app. This embedded Storybook will only be used to compose other Storybooks in order to display the UI components alongside the rest of the Brand Playbook and does not need to support testing or development workflows - those activities would be accomplished at the source Storybooks. For this project delivery, compose these three Storybooks into the embedded Storybook:

- Remote Carbon Design Web Components

- Local marketing only components

- Local custom UI components

The project git repo has two Storybooks apps alongside the Playbook app where marking only components such as landing pages and custom UI components are developed and tested.

Instances of the web app can be easily updated when there are new features or fixes from upstream. Preferably via semver node modules.

Optional Functionality

- Internationalization via astro-i18next

- Brand components could be rendered with a JSON-LD Schema

- Changelog - mini blog with RSS Feed

- Requiring authorizations for private content

- Auto configured for analytics and RUM via Grafana Faro.

- CICD: [login to view URL], GitHub Workflows, Review Apps, BunJS, moonrepo or buck2, and hosting on GCS, Firebase or Fly, etc.

*Technical Implementation*

Astro, shipping minimal JavaScript. No JS, including Faro on the homepage is feasible. Other pages do have JS for the embedded Storybook, perhaps, search, and for comments if implemented. In these other cases, the JS should be dynamically loaded.

Extending @astrojs/starlight [1] for a brand playbook is a quite attractive direction, but is not required.

Strict TypeScript without null or any. Emphasize the functional programming paradigm and avoid OPP. An FP library is not required but fp-ts is welcomed more concerned with using JS built-ins such as a map rather than a switch, no nested branches, reduce, no try/catch/throw, pure functions, use of eslint-plugin-functional, etc.

The two Storybooks and the Playbook app do not need to use a monorepo task runner unless the CICD option is implemented, but PNPM should be used rather than npm, yarn, or others.

Example of Astro and Decap integration [2]. Use of Cloudinary’s DAM is welcome.

TailwindCSS, prefer htmlx for interactivity.

HATEOS is preferred but if JS state is really needed, interested in using nanostores.

Pagefind or similar for search. Astro with Pagefind example [3].

The usual suspects such as: astro-auto-import, astro-seo, astro-compress, @astrojs/sitemap, @astrojs/rss, astro-icon, @astrojs/tailwindcss, swiper, @tailwindcss/forms, @tailwindcss/typograph, @astrojs/mdx, astro-imagetools, astro-robots-txt

The three referenced Astro projects should be quite informative to this implementation:

- [1] [login to view URL]

- [2] [login to view URL]

- [3] [login to view URL]

Thank you, I look forward to hearing from you and I hope this project will be meaningful to you.

Design de Sites Interface do usuário / AI Brand Management Next.js Progressive Web Apps Full Stack Development Arquitetura de software Web Application

ID do Projeto: #37490205

Sobre o projeto

64 propostas Projeto remoto Ativo em 1 mês atrás

64 freelancers estão ofertando em média $1388 nesse trabalho


Hello Tom D., Thank you again for reaching out! I have reviewed the details, UI example and references and I am very much willing to discuss the details you shared and based on that I can provide you cost and time ne Mais

$500 USD in 7 dias
(371 Comentários)

Hello, my name is Kishore and I'm from GlobalTechnosys. We specialize in Website & Mobile apps Development and we have 9 years of web technology experience. We have successfully executed over 3000+ website design and d Mais

$500 USD in 7 dias
(217 Comentários)

Hi there, I have read your project description and i'm confident i can do this project for you perfectly.I still have a few questions. please leave a message on my chat so we can discuss the budget and deadline of the Mais

$750 USD em 1 dia
(82 Comentários)

Hi there, I'm bidding on your project "Brand Playbook Web App -- 2" we are a team of titanium certified developers. we excel in 2D and 3D animations. please leave a message on my chat so we can discuss the budget and Mais

$750 USD em 1 dia
(41 Comentários)

Hi there! We understand that you are looking for someone to create a web app based on the Brand Playbook, which includes a design system, brand kit, and brand guidelines all-in-one with git-style asset management and Mais

$1500 USD in 7 dias
(149 Comentários)

Hi there! My name is Kishore, and I'm a Full Stack developer with over 10 years of solid experience in Web and App Development. I understand that you're looking for someone to create a web app using Astro and SSG, spec Mais

$500 USD in 7 dias
(116 Comentários)

Hello! My name is Durgesh and I'm part of the team at Mactosys. We specialize in software architecture, website design, responsive web development, Android app development and more. We understand that you are looking Mais

$500 USD in 7 dias
(71 Comentários)

Hey there! I just read your project Brand Playbook Web App -- 2 details and they match my skills. I've been doing this stuff for the last 9 years. My versatile skill covers services like Adobe, HTML5, CSS3, Bootst Mais

$700 USD in 3 dias
(242 Comentários)

My name is Navjot, and I am part of the leading Website, UX/UI Development team in the freelance community. We operate as one of the leading agencies in all things Web Development, providing services such as website de Mais

$500 USD in 7 dias
(182 Comentários)

Hi there! I am a dedicated professional with over 10 years of experience in development and customization. I specialize in software architecture, website design, and mobile app development. I understand that you are Mais

$650 USD in 7 dias
(53 Comentários)

Hello. I'm an experienced full-stack developer with over 7 years of expertise, specializing in Astro, NextJS, and static site generation. I am confident that I can assist you in developing a comprehensive Design System Mais

$600 USD in 5 dias
(16 Comentários)

Hi There! You need a Brand Playbook Web App, I have seen the project description carefully send me a message for more discussion. As per your project need, I can build your project more efficient with my know Mais

$300 USD in 10 dias
(14 Comentários)

Hi I have read your requirements and also seen your references and I am confident that I can help you. I can assist you in UI/UX for your apps, development of apps, and testing. Before delivering the apps, I make sur Mais

$500 USD in 20 dias
(16 Comentários)

Nice to meet you dutco7, My name is Anthony Muñoz, I express my interest in working on your project after carefully reading the requirements and concluding that they match my area of knowledge and skills. I am curren Mais

$1058 USD in 7 dias
(2 Comentários)

I understand you are seeking for a freelancer to assist with the development of a web app, and I believe I am the right person for the job. I have over 11 years of expertise in logo design and graphics/branding materia Mais

$500 USD in 7 dias
(6 Comentários)

Greetings! My name is Muhammad Umar and I am part of the team at WIXDEK. We specialize in frameworks such as WordPress, Shopify, Big Commerce and more. We have a wealth of experience in ensuring that your website reach Mais

$500 USD in 7 dias
(34 Comentários)

Hi, I'm a business consultant specializing in Brand Management and Website Design. I am confident that I can help you create the best brand playbook web app - with a design system, kit and guidelines all in one with g Mais

$500 USD in 7 dias
(4 Comentários)

I am excited about the opportunity to work on your Astro documentation web app project. With a commitment to meeting your specific requirements, I will deliver a high-quality solution within the stipulated timeframe. M Mais

$250 USD em 1 dia
(3 Comentários)

Hello, Embark on a transformative journey with Ryse Energy's digital presence! I propose an innovative Astro-powered web app that seamlessly integrates a design system, brand kit, and brand guidelines. Utilizing a gi Mais

$500 USD in 7 dias
(2 Comentários)

Hi, I am a professional full-stack developer and have over 6+ years of experience in Website design and development. I'm an expert in this field. I've already worked on a similar project. I can definitely help you to d Mais

$300 USD in 7 dias
(1 Comentário)