zoralab / demo-web-prestige Goto Github PK

A field testing repository of ZORALab's Hestia serving a design agency focusing on modern, minimalistic design. Feel free to explore the results at its web page!

Home Page: https://prestige-demo.zoralab.com/

License: Other

Batchfile 9.35% HTML 83.42% CSS 3.61% JavaScript 3.62%

continu continuous-delivery continuous-deployment continuous-integration css3 github-pages html5 javascript pwa pwa-example static-site zoralab zoralab-hestia zoralab-monteur

demo-web-prestige's Introduction

Prestige Web Demo Project

A field testing repository of ZORALab's Hestia serving a design agency focusing on modern, minimalistic design. Feel free to explore the results at:

https://prestige-demo.zoralab.com/

Why Such Project?

Some good reasons:

Making Sure We Deliver What We Promised — live-tested product and proven reliable for working with us as a business partner.
Pushing ZORALab's Hestia to expand its GUI design capabilities — can't expect everything to use 1 UI art direction and style.
Explore How Maintainable ZORALab's Hestia can be — for data gathering and present it to our client.
Showcasing some of our collaborations and management progressively — A simulation for customers to try it out and interact with us.

License

This repo is licensed under ZORALab's Proprietary license. Please avoid using anything from inside.

You're, by default, granted for:

Viewing permission - for comprehensions and inspirations how this demo works internally.

demo-web-prestige's People

Contributors

Stargazers

Watchers

Forkers

corygalyna fr34k8

demo-web-prestige's Issues

Develop corygalynaPROFILE component

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

We need an UI component to present a user profile in team section. Let's make this component. Horizontal name tag please, not vertical. Hestia got too many vertical designs.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

a horizontal styled entity representing profile UI component is readily available for use.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

No such component is available.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Don't Hide Why Us Section Headers and Texts

Description

Please provide a short description of what you have encountered below.

Sibert provided some feedbacks about the missing "why is in for me?" part where we deliberately hide the section title for the content to show up. Appearently, it failed so badly. So, we will have to make them visible again.

Expected Behavior

Please specify the expected behavior of your usage below.

The "Why Us" section header is now visible.

Current Behavior

Please specify the current behavior of software below.

The "Why Us" section header is invisible.

Steps to Reproduce (COMPULSORY)

Please specify all the steps required to re-produce the problem.

See website.

Attachments

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Develop corygalynaCARD UI Component

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

No, the existing card is very ugly. Make a new one that presents as a prestigious card instead.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

New card UI component created.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

very ugly UI.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Add Default Thumbnails

Description

Please provide a short description of what you have encountered below.

Default thumbnails are missing! Social sharing are broken.

Expected Behavior

Please specify the expected behavior of your usage below.

Thumbnails are restored.

Current Behavior

Please specify the current behavior of software below.

Thumbnails are missing.

Steps to Reproduce (COMPULSORY)

Please specify all the steps required to re-produce the problem.

Attachments

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Develop the `/en/404` Page

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

The /en/404 content scripts are ready and pending for development. Since we had delivered the landing page to the client, let's proceed to complete the basic system pages.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

/en/404 page is up and running.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

/en/404 is missing.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Add Legally Required Footer

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

The footer section was intentionally left out due to priority and catching deadline. Have to add it back.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

Footer section is available.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

Footer was omitted due to catching deadline.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Mock & Write Up the Landing Page Content

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

Design the landing page content and sitemaps matching the requirements.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

Draft is out so that Holloway can work it once he finishes everything in time.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

Nothing. It's a clean slate.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Deploy ZORALab's Hestia

Get the initialization done quick. We modify it to match the prestige protoype.

Design corygalynaCORE GUI Component

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

The design has to be prestige so a new set of GUI component is required. Let's called it prestigeCORE for now.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

prestigeCORE GUI component is developed for this demo.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

No such component. Clean slate.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Develop corygalynaBUTTON UI Component

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

Same as anchor link UI component, button requires a new design.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

new styled button is created.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

existing UI is too boring if deployed here.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Support Simplified Chinese (zh-hans)

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

Might as well turn the entire site as a sales brochure. Please support Simplified Chinese and any other suitable markets' languages.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

i18n is implemented.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

only /en is implemented.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Develop corygalynaCAROUSEL_3BG UI Component

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

Right now there is no carousel or an impressive animated landing page component. Please develop this one for 3 simple image background fading in and out.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

A simple to use landing page component is up and can be easily deployed.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

No impressive landing page component at the moment.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Develop corygalynaDRAWER Conventional Top Drawer UI Component

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

Although the status quo's drawers are working fine, it's very new and unappealing. Let's make one that is a conventional top bar at large screen while drawer at small.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

a new corygalynaDRAWER is developed.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

Current drawers are too wierd.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Choose A Better Font

Description

Please provide a short description of what feature you're looking forward to
enhance below. Please include the story behind your idea as well to give a
better visualization of your idea.

The site design looks slightly boring (however, Sibert disagreed and his specified is more of the content presentation itself like wording simplications and etc). He did mentions to choose a more modern sans-serif font rather than serif ones which can increase the "liveness" of the page.

Expected Behavior

Please specify the expected behavior of your requested enhancement. Some great
and helpful pointers are your expected interface (e.g. command patterns,
simple sketches of the user interface, etc).

New font selected.

Current Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

A bit ....boring impression.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Add an Animated Company Logo on Landing Page

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

Appearently, the landing page is missing of a crucial company logo. Let's animate one and place it in.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

The page is intro-ing the company.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

company logo is missing.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Fix all corygalynaCARD non-centered graphics appearances

Description

Please provide a short description of what you have encountered below.

On small screen devices, the corygalynaCARD's thumbnail always show the left side of the image rather than the center one. This is mainly caused by the browser's CSS interpretation where picture is not picture > img and does not carry forward.

Expected Behavior

Please specify the expected behavior of your usage below.

Current Behavior

Please specify the current behavior of software below.

Steps to Reproduce (COMPULSORY)

Please specify all the steps required to re-produce the problem.

Attachments

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Design fontkaiFONT_KAISEIDECOL GUI Component

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

@hollowaykeanho , I like this font. Make one for me please since you're naming the new GUI components after me. =) https://fonts.google.com/specimen/Kaisei+Decol

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

Font is available for use.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

Font is not available for use.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Added corygalynaFOOTER UI Component

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

There is literally no way we can style the entire footer with inline CSS and since we are not allowed to use zoralab UI component, we have to spin a dedicated footer UI component then.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

corygalynaFOOTER UI component is produced and ready for deployment.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

footer UI is completely created with hackish inline CSS codes.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Optimize LD+JSON Output

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

LD+JSON is an important component for SEO. Let's optimize it now.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

LD+JSON is properly setup and configured.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

LD+JSON is missing.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Fix PWA Hestia Traces

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

There are a number of traces causing the App metadata looks funny. Got to fix it.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

App metadata is showing prestige brand correctly.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

App metadata is not showing the brand properly and cross-showing Hestia brand. See screenshot:

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Develop corygalynaANCHOR component

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

No.. the existing anchor UI component is already deployed to ZORALab and @hollowaykeanho sites. I need a new design.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

new anchor UI component is developed.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

existing ZORALab's anchor UI component is too common.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Mock & Write Up the 404 Page Content

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

404 is a system page. Let's prep out its internals.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

404 content script is up and ready to be developed.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

Nothing. It's a clean slate now.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Develop Landing Page Based on Script

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

Cory completed the content script. It's time to develop it into an actual site.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

Develop the wireframe into actual site.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

clean slate.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Add Teams Section to Landing Page

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

Teams was intentionally left out due to catching deadline. It shall be added in the future.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

Teams are listed out clean and nice in the landing page.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

Teams was omitted due to deadline.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Strengthen Offline Assets Capabilities

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

Right now, the landing page offline capability is neglected so we have to strengthen it once we completed the overall landing page design. For now, this ticket tracks the progress.

Requires Issue #24 and other similar items to be completed.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

Offline capability is fully empowered.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

Offline capability is partially empowered.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Develop Company Logo

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

You will need a mocking company logo for this demo.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

An art agency's company logo is created.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Deploy to Site

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

Ensures the website is deployed to https://demo-prestige.zoralab.com.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

Make sure the critical working pipeline is up ASAP.

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

Artifact is not out yet.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Fix The Landing Page's CTA section

Description

Please provide a short description of what you have encountered below.

The CTA section is not clear. What exactly we want our visitor to do on this page? Go straight for get a quote from us via email or telegram you.

Expected Behavior

Please specify the expected behavior of your usage below.

A clear CTA section.

Current Behavior

Please specify the current behavior of software below.

CTA is unclear.

Steps to Reproduce (COMPULSORY)

Please specify all the steps required to re-produce the problem.

Attachments

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

Refactor Entire Page's Wording and Contents - Make It Non-Tech People Friendly

Description

Please provide a short description of what feature you're looking forward to
enhance below. Please include the story behind your idea as well to give a
better visualization of your idea.

No ordinary folks understand the tech jargon. They feel stressed. Please re-word / refactor the entire content 1 last time before Monday and make it very friendly to non-tech individuals.

Expected Behavior

Please specify the expected behavior of your requested enhancement. Some great
and helpful pointers are your expected interface (e.g. command patterns,
simple sketches of the user interface, etc).

Sentences and word crafting are done in the simplest way.

Current Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

Very tech oriented. It's not friendly to non-tech folks.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.