Web design

Ecommerce Mobile Home Page Design Gallery

Ecommerce Mobile Home Page Design Gallery

I am (finally) working on a mobile design for the main ecommerce website I run. As I started thinking about the layout of the site and of the home page, I wanted to see what approaches leading online retailers were taking for their mobile designs, and what ideas and best practices I could apply.

The sort of questions I was looking for feedback on were wide ranging, including: Would a short or a long home page be more effective for my customers? What balance should there be between providing category navigation on the home page and on presenting featured offers and products? Should the search box be open or closed by default? How many links should go in the footer?

So, I pulled together a showcase of over 100 mobile ecommerce home page designs, mainly taken from the larger online stores, as a source of inspiration.

I won’t claim that every one of these examples represents mobile home page design best practice, but they all caught my eye for one reason or another, and collectively, provide an insight into the current trends in ecommerce design for mobile devices.

To capture the screenshots, I used Chrome’s mobile emulation mode set to iPhone 6 to get a wider page width. This worked fine for the most part, except that I couldn’t hide the scroll bar on the right side of the page.

I’d love to know a better way to capture these types of screenshots, ideally on an iPhone 6 sized screen. These alternatives for capturing mobile website screenshots might be worth checking out too:

Advertisements
Standard
Web design

Latest Free Mobile App PSD Templates

This is not the first time that we are talking about mobile app Templates infact all our designer friends know that we have come up with the free mobile app PSD templates in the past too. Did those templates prove useful for you all? Since the mobile industry is seeing a boom with new users joining everyday or replacing their old cellphones with the new ones, it has become important for the mobile companies to come up with features that make their gadget stand apart from the crowd and is able to magnetise customers.

Designers and developers are playing an important role in providing the best user-experience for which the new, unique, cool mobile apps are being designed and developed to be introduced. With the ever-increasing pressure and work load, best useful free resources are given warm welcome for the fact that these help ease the job.

The latest free mobile app PSD templates listed here are sure to be of great help as these are quite pleasing, easily customizable and ensure to let to get the best results. So, what’s the wait for, scroll down and check them out!

Latest Free Mobile App PSD Templates

1. App News iPhone 6 – PSD Free

Love the new iPhone 6 or hate it, designers will create new apps and mockups for iPhone 6. Here’s the app news concept that is specially designed for iPhone and available for free download. Btw, do not forget to check our article showcasing best free iPhone 6 Vector and PSD mockups.

free-mobile-app-psd-templates

2. Free PSD – Flat Mobile App UI

A free flat mobile app UI PSD template designed by Kristijan Binski that is perfect for cooking or recipe app. You can download it and use for commercial and personal project.

free-mobile-app-psd-templates

3. Online NewsPaper iOS App UI (Free PSD)

An amazing iOS App that is perfect for online newspaper. This is available for learning only and cannot be used as a commercial purpose.

free-mobile-app-psd-templates

4. Quest. Free iOS7 App

Designed by Olia Gozha, this app was designed as a game where you can add friends to your quest. This mobile app design template include 1 PSD with 5 screen that you can download for free.

free-mobile-app-psd-templates

5. FM Radio UI – iOS7 App (Free)

Another one from Olia Gozha that is perfect for creating FM Radio. A beautiful UI with amazing color pallette used and available for free download.

free-mobile-app-psd-templates

6. eCommerce Store App for iOS (Free Theme PSD)

Looking to create ecommerce store for iPhone or need some inspiration, check out this mobile design template available in PSD format that you can download for free.

free-mobile-app-psd-templates

7. Storm Messenger App – Free PSD

I would be the first one if such messaging app will be on store. Just loved the design and dark color UI messenger app.

free-mobile-app-psd-templates

8. Snap Sack – iPhone Photo Album App Free PSD

Spotted at MobiSoftInfotech.com, this is a free iPhone mobile app PSD template that help users to manage photos and later share on Twitter and Facebook.

free-mobile-app-psd-templates

9. Capload iOS App Free PSD

A unique color palette iOS App PSD that is available for free download.

free-mobile-app-psd-templates

10. Hulu iPhone App reDesign – Free PSD

A redesign concept of Hulu iPhone app that is available for free download and designed by Waseem Arshad.

free-mobile-app-psd-templates

11. Wow : Modern Mobile App UI

We found this colorful flat mobile app design template at Graphicsfuel.com and loved it.

free-mobile-app-psd-templates

12. Free PSD Travel App

Another iPhone specific free mobile app PSD template that is designed for those who love to travel the world. The package comes with beautiful icons and you can easily change colors, background, etc.

free-mobile-app-psd-templates

13. Cooking App UI – Free PSD

One another mobile app design template from GraphicsBay.com team that is perfect for creating cooking or recipe app.

free-mobile-app-psd-templates

14. Flybi iOS Application Template

Want to make your iPhone boarding pass, this free mobile app PSD template is one app that you need.

free-mobile-app-psd-templates

15. Android L – Weather App Concept

Material Design is a revolutionary step in the world of Android OS and if you love it, then we are sure you’ll love this free Android weather app design template that is provided by BaconCream to SaveTheGraphics.com readers.

free-mobile-app-psd-templates

16. Instagram in Material Design

Here’s a Instagram redesign concept taking material design in inspiration. You can also grab the PSD if you like the redesign concept to learn more about it.

free-mobile-app-psd-templates

17. Blog and Article App UI

Spotted at UIFest.com, this is a free mobile app design template that is perfect for blogs. A beautiful UI that has dark color palette.

free-mobile-app-psd-templates

16. Free Weather App PSD | iOS7

You can use this awesome weather app for commercial and personal projects.

free-mobile-app-psd-templates

18. Music App iOS7 Free UI PSD

Spotted at GraphickAdApps.com, this is a free iOS music player app PSD template.

free-mobile-app-psd-templates

Hope these latest free mobile app PSD templates solve your purpose and prove helpful for you all to ease the workflow. Have any such free mobile app PSD template worth sharing? Do let us know, we would love to update our list with the same.

Standard
Web design

Free PSD Mobile Game GUI

Free psd mobile game GUI that can be used to make a fun application with a clean and fresh look. The set includes any web element you could possible need to make a 2D mobile game. Go ahead and grab the kit now for free!

 

Free psd mobile game GUI with over 50 buttons and panels that has a fun, colorful, cartoony look and suitable for 2D mobile game designs.

The objects, which are included in the source file, are the most important elements of a typical 2D mobile game:

  • Levels
  • Options
  • Login
  • Paused
  • Skills
  • Warning
  • Buttons
  • Progress Bars
  • Social Media icons

Each of these buttons and screens are fully layered, properly named and grouped for the user’s convenience. With just a few clicks in Adobe Photoshop you could easily change their shape, size, colors and text.

Just click on the Free Download button below and use them in your next web project.

Need more UI items for your projects? Then be sure to check out our Web Elements section and pick whatever suits your needs.

Free PSD Mobile Game GUI

Free PSD Mobile Game GUI

Resolution: 1300×2400 px
File Format: PSD
File Size: 2,92 MB
Fonts: Cartwheel, ModernPictograms
Number of Items in Set: 55
Author: Free PSD Files

Note that if you want to spread the word about our freebie, you need to link back to this post. Links to download page or download archive are not allowed.

The post Free PSD Mobile Game GUI appeared first on Free PSD Files.

Standard
Web design

Top 50 Web & Mobile GUI Templates from 2014


Today, just as we did last year, we have compiled a comprehensive collection of the best free web and mobile GUI templates from this year (2014).

As you would expect, the vast majority of the templates have been designed in a flat-style, but after this years release of iOS8 with it’s elegant ‘line-style’ UI, and the introduction of Google’s gorgeous Material Design, we have seen many templates being freely released that have incorporated both of these exciting styles. So if you’re looking to design a web site or a mobile app in a unique modern style, these templates should give you a good base for starting your next project.

The GUI templates are available in many different formats, with PSDs, as expected, being heavily represented, but there is also a noticeable increase in the number of templates that are available in Sketch format. All of the templates are free to download and most will allow you to use them in both personal and commercial projects, but please do check the license before you do use them.

Here are the templates…

Web UI Kits

Modern Simple and Elegant UI Kit (PSD)

Modern Simple and Elegant UI Kit PSD

Modern Simple UI Kit Download Page →

BeTheme UI Kit (PSD)

BeTheme A free and clean UI kit PSD

BeTheme UI Kit Download Page →

Bootstrap 3 Vector UI Kit (AI & Sketch)

Bootstrap 3 Vector UI Kit AI Sketch

Bootstrap 3 Vector UI Kit Download Page →

Flat UI Kit (PSD)

Flat UI Kit by Connor Murphy PSD

Flat UI Kit Download Page →

Rampy Flat UI Kit (PSD)

Rampy Flat UI Kit v1.0 PSD

Rampy Flat UI Kit Download Page →

Data Analysis UI Kit (PSD)

Data Analysis UI Kit PSD

Data Analysis UI Kit Download Page →

Minimal UI Kit (PSD)

Minimal UI Kit psd

Minimal UI Kit Download Page →

Summer Ui Kit (PSD)

Summer Ui Kit psd

Summer Ui Kit Download Page →

UI Kit (AI & EPS)

UI Kit by Ahmed Mu ai eps

UI Kit Download Page →

Modern UI Kit (PSD)

Modern UI Kit psd

Modern UI Kit Download Page →

Awesome UI Kit (PSD)

Awesome UI Kit

Awesome UI Kit Download Page →

UI Kit For News (PSD)

UI Kit For News

UI Kit For News Download Page →

Dashboard UI (PSD)

Dashboard UI PSD

Dashboard UI Download Page →

Designer-naut UI Kit

Designer-naut UI Kit

Designer-naut UI Kit Download Page →

Atom Modern UI Kit (PSD)

Atom Modern UI Kit

Atom Modern UI Kit Download Page →

Flat Ui Kit (PSD)

Flat Ui Kit by Andrew McKay PSD

Flat Ui Kit Download Page →

Dark and Light Ui Kit (Sketch)

Dark and Light Ui Kit by Mateusz Dembek

Dark and Light Ui Kit Download Page →

Modern UI Kit (PSD)

Modern UI Kit

Modern UI Kit Download Page →

Redlight Complete Friendly User Interface (PSD)

Redlight Complete Friendly User Interface

Redlight Complete Friendly User Interface Download Page →

Eye Candy UI Kit XL (PSD)

Eye Candy UI Kit XL

Eye Candy UI Kit XL Download Page →

Edge – Customizable Component Based Web UI Kit (PSD)

Edge - Customizable Component Based Web UI Kit PSD

Edge Download Page →

Mountain Flat UI Kit (PSD)

Mountain Flat UI Kit PSD

Mountain Flat UI Kit Download Page →

Flat UI Kit (PSD)

Flat UI Kit PSD

Flat UI Kit Download Page →

Flat Ui by NAS (PSD)

Flat Ui by NAS

Flat Ui Download Page →

UI Kit by Kamal Chaneman (PSD)

UI Kit by Kamal Chaneman

UI Kit Download Page →

Modern Flat UI Kit (PSD)

Modern Flat UI Kit

odern Flat UI Kit Download Page →

UI Kit by Jakub Kosewski (PSD)

UI Kit by Jakub Kosewski

UI Kit Download Page →

Winter UI Kit (PSD)

Winter UI Kit

Winter UI Kit Download Page →

Coloro UI Kit (PSD)

Coloro UI Kit

oloro UI Kit Download Page →

Sven ModernUi Kit (PSD)

Sven ModernUi Kit

Sven ModernUi Kit Download Page →

Elements UI KIT (PSD)

Elements UI KIT

Elements UI KIT Download Page →

Ultimate Infographics Pack (AI)

Ultimate Infographics Pack

Ultimate Infographics Pack Download Page →

Flat UI Kit (Sketch)

Flat UI Kit

Flat UI Kit Download Page →

Material Design UI Kits

Material Design Ui Kit (PSD)

Material Design Ui Kit

Material Design Ui Kit Download Page →

Android L Inspired Bootstrap UI Kit (PSD)

Android L Inspired Bootstrap UI Kit PSD

Android L Inspired Bootstrap UI Kit Download Page →

Android Lollipop Material Design UI Kit (Sketch)

Android Lollipop Material Design UI

Android Lollipop Material Design UI Kit Download Page →

Android 5.0 UI Kit (PSD)

Android 5.0 UI Kit by Ever Studio

Android 5.0 UI Kit Download Page →

Material Design UI Kit (PSD)

Material Design UI Kit by UltraLinx

Material Design UI Kit Download Page →

Material Design UI Template & Icons (Sketch)

Material Design UI Template & Icons by Kyle Ledbetter

Material Design UI Template & Icons Download Page →

Material Design UI Kit (Sketch)

Material Design UI Kit Download Page →

Wireframe Templates

Shades 1.0 Wireframing Vector Kit (AI)

Shades 1.0 Wireframing Vector Kit AI

Download Page →

Sally Blocks (PSD)

Sally Blocks a huge set of ready to use elements and components PSD

Download Page →

Wireframe Kit (Sketch)

Wireframe Kit sketch

Wireframe Kit Download Page →

15 Free Wireframes (AI)

15 Free Wireframes ai

15 Free Wireframes Download Page →

Jolly Hand-Drawn UI Kit (EPS & AI)

Jolly Hand-Drawn UI Kit

Jolly Hand-Drawn UI Kit Download Page →

20 UX Item Pack (AI)

20 UX Item Pack

20 UX Item Pack Download Page →

Mobile UI Kits

Teehan+Lax iPhone 6 GUI Template (PSD)

Teehan+Lax iPhone 6 GUI Template

Teehan+Lax iPhone 6 GUI Template Download Page →

iOS8 GUI (PSD)

iOS8 GUI psd

iOS8 GUI Download Page →

iOS 8 Vector SpotLight UI (AI)

iOS 8 Vector SpotLight UI AI

iOS 8 Vector SpotLight UI Download Page →

iOS 7 UI Kit Photoshop Actions (ATN)

iOS 7 UI Kit Download Page →

iOS7 Vector UI Kit for iPhone and iPad (AI)

iOS7 Vector UI Kit for iPhone and iPad

iOS7 Vector UI Kit Download Page →

iPhone Login UI Kit (PSD)

iPhone Login UI Kit PSD

iPhone Login UI Kit Download Page →

Apple Watch GUI Template (Sketch)

Apple Watch GUI Template

Apple Watch GUI Template Download Page →

Apple Watch Apps GUI Template (PSD)

Apple Watch Apps GUI Template

Apple Watch Apps GUI Template Download Page →

Mobile Wireframe Kits

Windows Phone 8 Wireframe Kit (AI)

Windows Phone 8 Wireframe Kit ai

Windows Phone 8 Wireframe Kit Download Page →

Android Vector Wireframing Toolkit (AI)

Android Vector Wireframing Toolkit AI

Android Vector Wireframing Toolkit Download Page →

iOS 7 iPhone Wireframe Toolkit (AI & PDF)

iOS 7 iPhone Wireframe Toolkit ai pdf

iOS 7 iPhone Wireframe Toolkit Download Page →

Mobile Wireframe Diagram Template (Sketch)

Mobile Wireframe Diagram Template

Mobile Wireframe Diagram Template Download Page →

iPhone 6 UX Workflow (AI)

iPhone 6 UX Workflow

iPhone 6 UX Workflow Download Page →

Mobile UI Blueprint (PSD)

Mobile UI Blueprint

Mobile UI Blueprint Download Page →


The post Top 50 Web & Mobile GUI Templates from 2014 appeared first on Speckyboy Web Design Magazine.

Standard
Web design

Mobile Games that Redefine Graphics Appeal – Top 5 Picks

I have decided to make a quick list of five that can smoke out differences between digital and real; welcome to the 21st century of gaming. Right from the candy crushers to the rope cutters and modern Slot machine app collections that are loaded enough to make anybody drool. Let’s see what separates the greats from the goods with top picks from the world of graphically blessed mobile games.

Click the images to link to the games

Infinity Blade III

infinity-blade
It might come as a surprise for many to note that the real potential of mobile games in terms of the graphical level they could exhibit was shown in 2010 itself with Infinity Blade games ruling the roost, courtesy of their mind-blowing graphics’ quality. Developed using the Unreal Engine, Infinity Blade indeed makes the real world look unreal as compared to the richness of the graphics displayed on the device’s screen. With the sequels, the graphics quality has been setting new records, to the extent that it’s hard to imagine the future of mobile gaming without dreaming about a scene or two from the future of Infinity Blade.

The Monument Valley

monument-valley
Available both for Android and iOS, The Monument Valley is a different take at new age graphics delivery, and chooses to make a statement with purely ambient sounds accompanying the deceptively real and rich graphics. The protagonist of the game, Ida, is to be guided through a series of puzzles which are themselves Escher inspired. The visuals are gorgeous, the colors are somewhat muted, and ambient sounds add to the simplicity of the game’s design without taking anything away from the impact of the stunning richness of the graphics.

Modern Combat 5

modern-combat-5
Taking a cue or two from the responding success of Call of Duty, this ripper of a game has an army of Android, iOS and Windows phone users who vouch for its unmatched graphics. Many remark that Modern Combat 5: Blackout is as close to console 1st person shooting that mobile gaming has been able to reach, which is certainly a lot to say. Even if you don’t have a giant smartphone to run the game in its top notch graphics mode, you will have no second thoughts in agreeing to the inimitably of the graphics quality of the game.

Coin Rush

coin-rush
This radical new game will kindle the curiosity of any player. The game’s rules are simple, put a shiny coin into a machine filled with coins, gems, treasure chests, and even secret trap doors and get bonus coins each time your coin strikes something on the machine. The impressive 3D graphics and the intriguing gameplay of Coin Rush can be quite addictive. And the different variations that the game allows combined with the various items one can unlock, the game assures to provide endless hours of fun.

Godfire: Rise of Prometheus

godoffire
A perfect blend of Greek mythology styled gaming and Unreal World gaming engine’s unique light effects on the screen, ‘Godfire: Rise of Prometheus’ is not to be missed for the world. Right from titans to mythologist began as a humble world of few colors spread unevenly over small pixelated screens is now a whole universe of all fine shades that reside between primary colors and all eye-popping design figures, fascinating weapons to amazing role based game design – this one is a real winner.

Standard
Web design

200 Minimal Outline Icons for Web & Mobile App Design – Freebie No:148

Outline icons are actually great for web and mobile application designs, especially for iPhone devices. Line icons are a better couple with flat style designing. Outline icons can be used to design simple and clean designs, these icons can really make the design cleaner.

Today we are giving out a set of 200+ Pixel perfect outline icons (PNG and SVG format) for web and app designs for free of price. You can watch the preview screen at a lower place. This free icon set consists of 200+ line icons in both PNG and SVG format. Icons included in this set is most common icons used for web and mobile application designs.

See also :250+ Ultimate Collection of Free Line Icon Sets

These great line icons are designed by Freepik exclusively for CSS Author readers. You can grab a copy of this line icon set from below link.

200 App & Web Minimal Outline Icons

Download Minimal Outline Icons

Format : PNGSVGSize :2.14 MBLicence

Tuesday, September 30, 2014

The post 200 Minimal Outline Icons for Web & Mobile App Design – Freebie No:148 appeared first on CSS Author.

Standard