jessadams.grillust.uk
  • Home
  • Year One
    • Introducing Visual Communication >
      • Comic
      • Technical Skills
      • Drawing and Visualising
      • Colour, Composition and Linear Narrative
    • Multi-Dimentional >
      • 2D
      • 3D
      • 4D
      • Stamps
  • Year Two
    • Semester One >
      • Designer's Toolkit >
        • Alignment and Hierarchy
        • Contrast and Negative Space
        • Balance and Colour
        • Hotfoot >
          • Hotfoot Updated
      • Type and Typography >
        • Hierarchy and Layout
        • Magazine Layout
        • Responsive Digital Typography
    • Semester Two >
      • Graphic Design Projects >
        • D&AD
        • Museum Brand Identity
        • Information is Beautiful
        • West Walls Brewing Co.
      • The Critical Designer >
        • Research Blog
        • Essay

cYANO

Brief

Using the principles of balance, colour and the assets provided, create designs for an ipad app or web app. This should include a landing page and a product page for each of the three bikes provided.
  • Must use symmetrical or asymmetrical balance
  • One set using complimentary and the other contrasting colour scheme
  • Must use at least 3 images
  • Can create more than one final screens

Deadline - 21st November

Landing and Product Page

Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
https://gempages.net/blogs/shopify/shopify-landing-page-examples

Assets

​Bikes | Store | Dealers | Support | About Us
 
Based in the English Lake District, Cyano are one of the newest and most innovative MTB manufacturers in the country.
 
Each bike we build takes advantage of our expertise in Carbon/Aramid Fibre frame technology, unique to Cyano, to give you a totally unfair advantage on the trail.
 
Every design is destruction tested on the demanding Lakeland trails right outside the door of our premises in the Borrowdale Valley, just south of Keswick.
 
We ride hard and we haven’t been able to break a frame yet!
Logos
Picture
Picture
Picture
Picture
Picture
Picture
Bikes
Picture
​The ePinnacle (eMTB)
Frame: Carbon/Spectral 17” to 22"
Motor: Shimano EP801
Gearset: Shimano SLX M7100
Brake: Shimano SLX M7120
Suspension: Front: Fox 38 Rhythm 160mm   Rear: Fox Float X Performance Evolution
Wheels: DT Swiss HLN350
Price: From £5899.00 
Picture
​The Needle (Full Suspension)
​​Frame: Carbon/Neuron 17” to 22"
Gearset: Shimano SLX M7100
Brake: Shimano Deore M6120
Suspension: Front: Fox 34 Rhythm   Rear: Fox Float Rhythm  
Wheels: DT Swiss AM LN 370
Price: From £2799.00 
Picture
​The DaleHead (Hardtail)
Frame: Carbon/Aramid 17” to 22"
Gearset: Shimano Deore M6100
Brakes: SRAM DB8
Suspension: Front: Rockshox Pike 140 mm  Rear: N/A
Wheels: DT Swiss AM LN 370
Price: From £1699.00 
Images
Picture

Visual Research

Pinterest
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture

Websites

Picture
Picture
Picture
Picture
Picture
Picture
www.bang-olufsen.com
Picture
Picture
Picture
Picture
www.canyon.com
Picture
Picture
Picture
Picture
Picture
Picture

Figma

Using the example of a website figma has designed I created my own version using the assets for this project. This was to help me learn how to use figma and the tools available.
Picture

Figjam Board

Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture

Now that I have looked at tutorials and experimented with Figma, I opened a new project and started making designs using parts of my research that I liked.
Picture
Picture
This my first finalised design, however, because I used a lot of inspiration from existing websites it looks like every other product website. Next, I wanted to create another design with more creative freedom for myself such as using illustrations.
Picture
Picture
Picture
Picture
Picture

Other Designs

Picture
Picture
Picture
Picture
Picture
Picture

Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture

Final Designs

Website One 
Picture
Picture
Picture
Picture
Picture

Website Two
Picture
Picture
Picture
Picture
Site powered by Weebly. Managed by 34SP.com
  • Home
  • Year One
    • Introducing Visual Communication >
      • Comic
      • Technical Skills
      • Drawing and Visualising
      • Colour, Composition and Linear Narrative
    • Multi-Dimentional >
      • 2D
      • 3D
      • 4D
      • Stamps
  • Year Two
    • Semester One >
      • Designer's Toolkit >
        • Alignment and Hierarchy
        • Contrast and Negative Space
        • Balance and Colour
        • Hotfoot >
          • Hotfoot Updated
      • Type and Typography >
        • Hierarchy and Layout
        • Magazine Layout
        • Responsive Digital Typography
    • Semester Two >
      • Graphic Design Projects >
        • D&AD
        • Museum Brand Identity
        • Information is Beautiful
        • West Walls Brewing Co.
      • The Critical Designer >
        • Research Blog
        • Essay