The l3digital from lmcjt37

Projects page

Use GraphQL to grab the data and populate the page with project items.

The same process used in the index page can be re-used here.

Bug | Banner text not animating cross browser

Testing in Safari showed that the text isn't animating as expected or as in comparison to how it appears in Chrome.

Tech Debt | Production release

Looking at adding a deploying to Zeit now - https://zeit.co/now

We can then add an alias for the domain l3digital.co.uk to have everything hook together with free hosting.

Bonus:: setup custom email addresses.

Tech Debt | External link warnings in console

According to GatsbyJS, we shouldn't use the to reference to external links.

https://www.gatsbyjs.org/docs/gatsby-link/?no-cache=1#use-link-only-for-internal-links

UX | Better links for projects and sub-pages

There should be better links to access sub pages of the projects section.

This includes a better way of navigate back up to display all projects.

UI | Med-Large screen width, Images too big

When viewing a page such as projects or about-us, if the screen width is 737px-979px then the image widths are 100%. Images at this size consume too much of the page and isn't a great UX.

Fix review apps build

Missing config vars as not inheriting from parent environment

Bug | setState error when running dev server on mobile

See attachment for more details

UI | Improve look of information sections

Typically informational sections use a base colour background and show copy and an image. A suggestion would be to create some shapes or change the background for these sections so that it splits the content and looks more pleasant.

Home page has an example of where this could be applied.

Bug | Production | Return to home enter/exit issue

When in production and navigating back to the home screen. It loads the home page and then navigates an exit and then enter incorrectly.

Design | Add page animations

The website lacks flourishes to help us stand out - here's some I was thinking about

https://codyhouse.co/gem/page-scroll-effects

Tech Debt | Review tooling

The tooling used to develop and deploy the website should be reviewed.

Suggestions for other tooling options, or to add further tooling.

Tech Debt | Remove unused assets

images
pages

UX | More complex page transitions

Current: Simple fade in/out transition

Suggestion: https://tympanus.net/Tutorials/PageRevealEffects/

Content | Update contact information

The information shown to the side of the email form needs updating.

Should probably be pulled from Contentful.

Bug | Dividers not showing

Dividers are not appearing on Safari browsers.

These dividers use inline SVG, where this could be the reason that they are not appearing.

It could be mark-up, or XML parsing, or the simple reason Safari browsers doesn't support these SVGs.

Content | Update social links

These are found in the menu and footer.

Need to create accounts and link these up correctly. If not wanted then the icons/links need removing.

QA | Cross browser testing

Needs testing across different browsers, especially Safari and IE.

UX | Smooth scrolling on index page

Current implementation is commented out as it doesn't work consistently.

Issue | Project pages missing layout wrapper

Project pages are missing the header and footer. Seems this would be resolved by making sure these are wrapped with the layout component.

UI | Page transitions

Once the PR for welcome information is merged, there will be scope to add in some scrolling animations.

https://www.gatsbyjs.org/packages/gatsby-plugin-page-transitions/
example: https://github.com/mongkuen/gatsby-plugin-page-transitions/tree/master/examples

UI | Welcome information

Something similar to the "Sentry provides answers" section here https://sentry.io/welcome/

Would make the page look more meatier and could include information about what we can do at L3.

UX | Removal of personal info

Based on current situation of having a main employment, if the site went live detailing who was in the team it may look bad.

Remove?

Bug | Mobile | When scrolling banners updates

Tested on iPhone XR

When scrolling, the banners continues to update. Could be related to #56

Only seen on the home screen.

UX | Add active styles for menu and other links

https://www.gatsbyjs.org/docs/gatsby-link/#add-custom-styles-for-the-currently-active-link

Bug | Project pages not showing image

Image is defined in the element but seems something is constraining it so that it doesn't appear.

Content | Website content needs reviewing, updating and adding.

Address details (address, phone, email).
Personal descriptions.
Better descriptions for the company.

Content | Imagery needs updating from the default stock images

Some images from the template are still being used and could do with being updated.

Removing the redundant assets - #19

Tech Debt | Imagery slow loads

Investigate the slow loads of assets, noticed on /about page.

Make use of 'sharp' plugin, and others not being used.

https://www.gatsbyjs.org/docs/working-with-images/

https://codebushi.com/using-gatsby-image/

UI | Home page banner fit screen cover

I think the banner on the home screen should cover the full height of the screen it is rendering.

Example could be taken from my personal site - https://lmcjt.com

Tech Debt | Production app being deployed

Looks like the production app is being deployed before promotion from staging.

Possibly a hangover from initial development process.

Content | Update all banner copy and image

The banners are a default component which needs updating.

The default image is still existing from initial setup and needs updating maybe?

Header not appearing correctly on mobile

Tested on iPhone 6S - iOS 11.4.1

All you see is the dark blue background and the header component isn't appearing. It seems you are still able to click the tag of the logo to reload the home page, but this isn't visible either.

The rest of the page and sub-pages appear to load and render correctly.

Suspected cause is the implementation of the tertiary logic for and

Tech Debt | Add hooks and static queries

This requires updating some packages, see article below for details

https://www.gatsbyjs.org/blog/2019-02-20-introducing-use-static-query/

The addition of hooks would allow us to abstract the queries and remove the need for repetitive query code.

UI | more subtle project image animation

The grow and rotate is too much.

Remove rotate and make scale slower?

UX | Project page sections UI

Project page needs section content trimming or the imagery vertically centering to improve look

Update README

Add any missing explanations for new users and the package scripts that haven't been detailed.

Tech Debt | Migrate to V2

Migrate to Gatsby V2

Resolve any dependency issues, including auditing node modules and resolving peer dependencies.

Tech Debt | No menu hover state for project pages

This is down to there not being the correct page nodes created for project pages with a parent of projects.

If the pages were l3digital.co.uk/projects/<project_page> then we could use the partiallyActive prop to identify projects as the parent, enhancing the menu.

Bug | All pages missing layout wrapper

As previously missed from the index page.

V2 has significant migration changes, one of which is that pages aren't automatically wrapped with the layout/index.

Simply need to import and wrap all returned renders with Layout

Failed prop type: Invalid prop 'description' of type 'object' supplied to 'IndexArticle', expected 'string'.

Investigate cause...

Bug | Scroll events not working

edit: There are scroll events on the home page that do not work on Safari browser.

lmcjt37 / l3digital Goto Github PK

l3digital's People

Contributors

Stargazers

Watchers

l3digital's Issues

Recommend Projects

Recommend Topics

Recommend Org